<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="robots" content="noodp" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
        <title>Theme Documentation - Basics - Slagga</title><meta name="Description" content="Discover what the Hugo - LoveIt theme is all about and the core-concepts behind it."><meta property="og:title" content="Theme Documentation - Basics" />
<meta property="og:description" content="Discover what the Hugo - LoveIt theme is all about and the core-concepts behind it." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://slagga.top/en/theme-documentation-basics/" /><meta property="og:image" content="https://slagga.top/en/theme-documentation-basics/featured-image.jpg"/><meta property="article:section" content="posts" />
<meta property="article:published_time" content="2020-03-06T21:29:01+08:00" />
<meta property="article:modified_time" content="2020-03-06T21:29:01+08:00" />

<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://slagga.top/en/theme-documentation-basics/featured-image.jpg"/>
<meta name="twitter:title" content="Theme Documentation - Basics"/>
<meta name="twitter:description" content="Discover what the Hugo - LoveIt theme is all about and the core-concepts behind it."/>
<meta name="application-name" content="LoveIt">
<meta name="apple-mobile-web-app-title" content="LoveIt"><meta name="theme-color" content="#ffffff"><meta name="msapplication-TileColor" content="#da532c"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"><link rel="manifest" href="/site.webmanifest"><link rel="canonical" href="https://slagga.top/en/theme-documentation-basics/" /><link rel="prev" href="https://slagga.top/en/theme-documentation-content/" /><link rel="stylesheet" href="/lib/normalize/normalize.min.css"><link rel="stylesheet" href="/css/style.min.css"><link rel="stylesheet" href="/lib/fontawesome-free/all.min.css"><link rel="stylesheet" href="/lib/animate/animate.min.css"><script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "BlogPosting",
        "headline": "Theme Documentation - Basics",
        "inLanguage": "en",
        "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": "https:\/\/slagga.top\/en\/theme-documentation-basics\/"
        },"image": [{
                            "@type": "ImageObject",
                            "url": "https:\/\/slagga.top\/en\/theme-documentation-basics\/featured-image.jpg",
                            "width":  1600 ,
                            "height":  840 
                        }],"genre": "posts","keywords": "installation, configuration","wordcount":  4694 ,
        "url": "https:\/\/slagga.top\/en\/theme-documentation-basics\/","datePublished": "2020-03-06T21:29:01+08:00","dateModified": "2020-03-06T21:29:01+08:00","license": "This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.","publisher": {
            "@type": "Organization",
            "name": ""},"author": {
                "@type": "Person",
                "name": "Dillon"
            },"description": "Discover what the Hugo - LoveIt theme is all about and the core-concepts behind it."
    }
    </script></head>
    <body header-desktop="fixed" header-mobile="auto"><script type="text/javascript">(window.localStorage && localStorage.getItem('theme') ? localStorage.getItem('theme') === 'dark' : ('auto' === 'auto' ? window.matchMedia('(prefers-color-scheme: dark)').matches : 'auto' === 'dark')) && document.body.setAttribute('theme', 'dark');</script>

        <div id="mask"></div><div class="wrapper"><header class="desktop" id="header-desktop">
    <div class="header-wrapper">
        <div class="header-title">
            <a href="/en/" title="Slagga"><span class="header-title-pre"><i class='far fa-kiss-wink-heart fa-fw'></i></span>Slagga</a>
        </div>
        <div class="menu">
            <div class="menu-inner"><a class="menu-item" href="/en/posts/"> Posts </a><a class="menu-item" href="/en/tags/"> Tags </a><a class="menu-item" href="/en/categories/"> Categories </a><a class="menu-item" href="/en/categories/documentation"> Docs </a><a class="menu-item" href="/en/about/"> About </a><span class="menu-item delimiter"></span><a href="javascript:void(0);" class="menu-item language" title="Select Language">English<i class="fas fa-chevron-right fa-fw"></i>
                        <select class="language-select" id="language-select-desktop" onchange="location = this.value;"><option value="/en/theme-documentation-basics/" selected>English</option><option value="/theme-documentation-basics/">简体中文</option></select>
                    </a><span class="menu-item search" id="search-desktop">
                        <input type="text" placeholder="Search titles or contents..." id="search-input-desktop">
                        <a href="javascript:void(0);" class="search-button search-toggle" id="search-toggle-desktop" title="Search">
                            <i class="fas fa-search fa-fw"></i>
                        </a>
                        <a href="javascript:void(0);" class="search-button search-clear" id="search-clear-desktop" title="Clear">
                            <i class="fas fa-times-circle fa-fw"></i>
                        </a>
                        <span class="search-button search-loading" id="search-loading-desktop">
                            <i class="fas fa-spinner fa-fw fa-spin"></i>
                        </span>
                    </span><a href="javascript:void(0);" class="menu-item theme-switch" title="Switch Theme">
                    <i class="fas fa-adjust fa-fw"></i>
                </a>
            </div>
        </div>
    </div>
</header><header class="mobile" id="header-mobile">
    <div class="header-container">
        <div class="header-wrapper">
            <div class="header-title">
                <a href="/en/" title="Slagga"><span class="header-title-pre"><i class='far fa-kiss-wink-heart fa-fw'></i></span>Slagga</a>
            </div>
            <div class="menu-toggle" id="menu-toggle-mobile">
                <span></span><span></span><span></span>
            </div>
        </div>
        <div class="menu" id="menu-mobile"><div class="search-wrapper">
                    <div class="search mobile" id="search-mobile">
                        <input type="text" placeholder="Search titles or contents..." id="search-input-mobile">
                        <a href="javascript:void(0);" class="search-button search-toggle" id="search-toggle-mobile" title="Search">
                            <i class="fas fa-search fa-fw"></i>
                        </a>
                        <a href="javascript:void(0);" class="search-button search-clear" id="search-clear-mobile" title="Clear">
                            <i class="fas fa-times-circle fa-fw"></i>
                        </a>
                        <span class="search-button search-loading" id="search-loading-mobile">
                            <i class="fas fa-spinner fa-fw fa-spin"></i>
                        </span>
                    </div>
                    <a href="javascript:void(0);" class="search-cancel" id="search-cancel-mobile">
                        Cancel
                    </a>
                </div><a class="menu-item" href="/en/posts/" title="">Posts</a><a class="menu-item" href="/en/tags/" title="">Tags</a><a class="menu-item" href="/en/categories/" title="">Categories</a><a class="menu-item" href="/en/categories/documentation" title="">Docs</a><a class="menu-item" href="/en/about/" title="">About</a><a href="javascript:void(0);" class="menu-item theme-switch" title="Switch Theme">
                <i class="fas fa-adjust fa-fw"></i>
            </a><a href="javascript:void(0);" class="menu-item" title="Select Language">English<i class="fas fa-chevron-right fa-fw"></i>
                    <select class="language-select" onchange="location = this.value;"><option value="/en/theme-documentation-basics/" selected>English</option><option value="/theme-documentation-basics/">简体中文</option></select>
                </a></div>
    </div>
</header>
<div class="search-dropdown desktop">
    <div id="search-dropdown-desktop"></div>
</div>
<div class="search-dropdown mobile">
    <div id="search-dropdown-mobile"></div>
</div>
<main class="main">
                <div class="container"><div class="toc" id="toc-auto">
            <h2 class="toc-title">Contents</h2>
            <div class="toc-content always-active" id="toc-content-auto"></div>
        </div><article class="page single"><h1 class="single-title animated flipInX">Theme Documentation - Basics</h1><div class="post-meta">
            <div class="post-meta-line"><span class="post-author"><a href="https://dillonzq.com" title="Author" target="_blank" rel="noopener noreffer author" class="author"><i class="fas fa-user-circle fa-fw"></i>Dillon</a></span>&nbsp;<span class="post-category">included in <a href="/en/categories/documentation/"><i class="far fa-folder fa-fw"></i>Documentation</a></span></div>
            <div class="post-meta-line"><i class="far fa-calendar-alt fa-fw"></i>&nbsp;<time datetime="2020-03-06">2020-03-06</time>&nbsp;<i class="fas fa-pencil-alt fa-fw"></i>&nbsp;4694 words&nbsp;
                <i class="far fa-clock fa-fw"></i>&nbsp;23 minutes&nbsp;</div>
        </div><div class="featured-image"><img
        class="lazyload"
        src="/svg/loading.min.svg"
        data-src="/en/theme-documentation-basics/featured-image.jpg"
        data-srcset="/en/theme-documentation-basics/featured-image.jpg, /en/theme-documentation-basics/featured-image.jpg 1.5x, /en/theme-documentation-basics/featured-image.jpg 2x"
        data-sizes="auto"
        alt="/en/theme-documentation-basics/featured-image.jpg"
        title="Discover what the Hugo - LoveIt theme is all about and the core-concepts behind it." /></div><div class="details toc" id="toc-static"  kept="true">
                <div class="details-summary toc-title">
                    <span>Contents</span>
                    <span><i class="details-icon fas fa-angle-right"></i></span>
                </div>
                <div class="details-content toc-content" id="toc-content-static"><nav id="TableOfContents">
  <ul>
    <li><a href="#1-requirements">1 Requirements</a></li>
    <li><a href="#2-installation">2 Installation</a>
      <ul>
        <li><a href="#21-create-your-project">2.1 Create Your Project</a></li>
        <li><a href="#22-install-the-theme">2.2 Install the Theme</a></li>
        <li><a href="#basic-configuration">2.3 Basic Configuration</a></li>
        <li><a href="#24-create-your-first-post">2.4 Create Your First Post</a></li>
        <li><a href="#25-launching-the-website-locally">2.5 Launching the Website Locally</a></li>
        <li><a href="#26-build-the-website">2.6 Build the Website</a></li>
      </ul>
    </li>
    <li><a href="#3-configuration">3 Configuration</a>
      <ul>
        <li><a href="#site-configuration">3.1 Site Configuration</a></li>
        <li><a href="#32-favicons-browserconfig-manifest">3.2 Favicons, Browserconfig, Manifest</a></li>
        <li><a href="#33-style-customization">3.3 Style Customization</a></li>
      </ul>
    </li>
    <li><a href="#4-multilingual-and-i18n">4 Multilingual and i18n</a>
      <ul>
        <li><a href="#language-compatibility">4.1 Compatibility</a></li>
        <li><a href="#42-basic-configuration">4.2 Basic Configuration</a></li>
        <li><a href="#43-overwrite-translation-strings">4.3 Overwrite Translation Strings</a></li>
      </ul>
    </li>
    <li><a href="#5-search">5 Search</a>
      <ul>
        <li><a href="#51-output-configuration">5.1 Output Configuration</a></li>
        <li><a href="#52-search-configuration">5.2 Search Configuration</a></li>
      </ul>
    </li>
  </ul>
</nav></div>
            </div><div class="content" id="content"><p>Discover what the Hugo - <strong>LoveIt</strong> theme is all about and the core-concepts behind it.</p>
<h2 id="1-requirements">1 Requirements</h2>
<p>Thanks to the simplicity of Hugo, <a href="https://gohugo.io/" target="_blank" rel="noopener noreffer">Hugo</a> is the only dependency of this theme.</p>
<p>Just install latest version of <a href="https://gohugo.io/getting-started/installing/" target="_blank" rel="noopener noreffer"><i class="far fa-file-archive fa-fw"></i>&nbsp;Hugo (&gt; 0.62.0)</a> for your OS (<strong>Windows</strong>, <strong>Linux</strong>, <strong>macOS</strong>).</p>
<div class="details admonition note open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-pencil-alt fa-fw"></i>Why not support earlier versions of Hugo?<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content">Since <a href="https://gohugo.io/getting-started/configuration-markup#markdown-render-hooks" target="_blank" rel="noopener noreffer">Markdown Render Hooks</a> was introduced in the <a href="https://gohugo.io/news/0.62.0-relnotes/" target="_blank" rel="noopener noreffer">Hugo Christmas Edition</a>, this theme only supports Hugo versions above <strong>0.62.0</strong>.</div>
        </div>
    </div>
<div class="details admonition tip open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-lightbulb fa-fw"></i>Hugo extended version is recommended<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content">Since some features of this theme need to processes <i class="fab fa-sass fa-fw"></i>&nbsp;SCSS to <i class="fab fa-css3 fa-fw"></i>&nbsp;CSS, it is recommended to use Hugo <strong>extended</strong> version for better experience.</div>
        </div>
    </div>
<h2 id="2-installation">2 Installation</h2>
<p>The following steps are here to help you initialize your new website. If you don’t know Hugo at all, we strongly suggest you learn more about it by following this <a href="https://gohugo.io/getting-started/quick-start/" target="_blank" rel="noopener noreffer">great documentation for beginners</a>.</p>
<h3 id="21-create-your-project">2.1 Create Your Project</h3>
<p>Hugo provides a <code>new</code> command to create a new website:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash">hugo new site my_website
<span class="nb">cd</span> my_website
</code></pre></td></tr></table>
</div>
</div><h3 id="22-install-the-theme">2.2 Install the Theme</h3>
<p>The <strong>LoveIt</strong> theme’s repository is: <a href="https://github.com/dillonzq/LoveIt" target="_blank" rel="noopener noreffer">https://github.com/dillonzq/LoveIt</a>.</p>
<p>You can download the <a href="https://github.com/dillonzq/LoveIt/releases" target="_blank" rel="noopener noreffer">latest release <i class="far fa-file-archive fa-fw"></i>&nbsp;.zip file</a> of the theme and extract it in the <code>themes</code> directory.</p>
<p>Alternatively, clone this repository to the <code>themes</code> directory:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash">git clone https://github.com/dillonzq/LoveIt.git themes/LoveIt
</code></pre></td></tr></table>
</div>
</div><p>Or, create an empty git repository and make this repository a submodule of your site directory:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash">git init
git submodule add https://github.com/dillonzq/LoveIt.git themes/LoveIt
</code></pre></td></tr></table>
</div>
</div><h3 id="basic-configuration">2.3 Basic Configuration</h3>
<p>The following is a basic configuration for the LoveIt theme:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
</span><span class="lnt"> 2
</span><span class="lnt"> 3
</span><span class="lnt"> 4
</span><span class="lnt"> 5
</span><span class="lnt"> 6
</span><span class="lnt"> 7
</span><span class="lnt"> 8
</span><span class="lnt"> 9
</span><span class="lnt">10
</span><span class="lnt">11
</span><span class="lnt">12
</span><span class="lnt">13
</span><span class="lnt">14
</span><span class="lnt">15
</span><span class="lnt">16
</span><span class="lnt">17
</span><span class="lnt">18
</span><span class="lnt">19
</span><span class="lnt">20
</span><span class="lnt">21
</span><span class="lnt">22
</span><span class="lnt">23
</span><span class="lnt">24
</span><span class="lnt">25
</span><span class="lnt">26
</span><span class="lnt">27
</span><span class="lnt">28
</span><span class="lnt">29
</span><span class="lnt">30
</span><span class="lnt">31
</span><span class="lnt">32
</span><span class="lnt">33
</span><span class="lnt">34
</span><span class="lnt">35
</span><span class="lnt">36
</span><span class="lnt">37
</span><span class="lnt">38
</span><span class="lnt">39
</span><span class="lnt">40
</span><span class="lnt">41
</span><span class="lnt">42
</span><span class="lnt">43
</span><span class="lnt">44
</span><span class="lnt">45
</span><span class="lnt">46
</span><span class="lnt">47
</span><span class="lnt">48
</span><span class="lnt">49
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">&#34;http://example.org/&#34;</span>
<span class="c"># [en, zh-cn, fr, ...] determines default content language</span>
<span class="nx">defaultContentLanguage</span> <span class="p">=</span> <span class="s2">&#34;en&#34;</span>
<span class="c"># language code</span>
<span class="nx">languageCode</span> <span class="p">=</span> <span class="s2">&#34;en&#34;</span>
<span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;My New Hugo Site&#34;</span>

<span class="c"># Change the default theme to be use when building the site with Hugo</span>
<span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;LoveIt&#34;</span>

<span class="p">[</span><span class="nx">params</span><span class="p">]</span>
  <span class="c"># LoveIt theme version</span>
  <span class="nx">version</span> <span class="p">=</span> <span class="s2">&#34;0.2.X&#34;</span>

<span class="p">[</span><span class="nx">menu</span><span class="p">]</span>
  <span class="p">[[</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
    <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;posts&#34;</span>
    <span class="c"># you can add extra information before the name (HTML format is supported), such as icons</span>
    <span class="nx">pre</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="c"># you can add extra information after the name (HTML format is supported), such as icons</span>
    <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Posts&#34;</span>
    <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/posts/&#34;</span>
    <span class="c"># title will be shown when you hover on this menu link</span>
    <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">weight</span> <span class="p">=</span> <span class="mi">1</span>
  <span class="p">[[</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
    <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;tags&#34;</span>
    <span class="nx">pre</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Tags&#34;</span>
    <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/tags/&#34;</span>
    <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">weight</span> <span class="p">=</span> <span class="mi">2</span>
  <span class="p">[[</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
    <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;categories&#34;</span>
    <span class="nx">pre</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Categories&#34;</span>
    <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/categories/&#34;</span>
    <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">weight</span> <span class="p">=</span> <span class="mi">3</span>

<span class="c"># Markup related configuration in Hugo</span>
<span class="p">[</span><span class="nx">markup</span><span class="p">]</span>
  <span class="c"># Syntax Highlighting (https://gohugo.io/content-management/syntax-highlighting)</span>
  <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
    <span class="c"># false is a necessary configuration (https://github.com/dillonzq/LoveIt/issues/158)</span>
    <span class="nx">noClasses</span> <span class="p">=</span> <span class="kc">false</span>
</code></pre></td></tr></table>
</div>
</div><div class="details admonition note open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-pencil-alt fa-fw"></i>Note<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content">When building the website, you can set a theme by using <code>--theme</code> option. However, we suggest you modify the configuration file (<strong>config.toml</strong>) and set the theme as the default.</div>
        </div>
    </div>
<h3 id="24-create-your-first-post">2.4 Create Your First Post</h3>
<p>Here is the way to create your first post:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash">hugo new posts/first_post.md
</code></pre></td></tr></table>
</div>
</div><p>Feel free to edit the post file by adding some sample content and replacing the title value in the beginning of the file.</p>
<div class="details admonition note open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-pencil-alt fa-fw"></i>Note<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content">By default all posts and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata, set the property <code>draft: false</code> or add <code>-D</code>/<code>--buildDrafts</code> parameter to <code>hugo</code> command.</div>
        </div>
    </div>
<h3 id="25-launching-the-website-locally">2.5 Launching the Website Locally</h3>
<p>Launch by using the following command:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash">hugo serve
</code></pre></td></tr></table>
</div>
</div><p>Go to <code>http://localhost:1313</code>.</p>
<p><figure><a class="lightgallery" href="/en/theme-documentation-basics/basic-configuration-preview.png" title="Basic configuration preview" data-thumbnail="/en/theme-documentation-basics/basic-configuration-preview.png" data-sub-html="<h2>Basic configuration preview</h2><p>Basic configuration preview</p>">
        <img
            class="lazyload"
            src="/svg/loading.min.svg"
            data-src="basic-configuration-preview.png"
            data-srcset="/en/theme-documentation-basics/basic-configuration-preview.png, basic-configuration-preview.png 1.5x, /en/theme-documentation-basics/basic-configuration-preview.png 2x"
            data-sizes="auto"
            alt="/en/theme-documentation-basics/basic-configuration-preview.png" />
    </a><figcaption class="image-caption">Basic configuration preview</figcaption>
    </figure></p>
<div class="details admonition tip open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-lightbulb fa-fw"></i>Tip<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content">When you run <code>hugo serve</code>, when the contents of the files change, the page automatically refreshes with the changes.</div>
        </div>
    </div>
<div class="details admonition note open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-pencil-alt fa-fw"></i>Note<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content"><p>Since the theme use <code>.Scratch</code> in Hugo to implement some features,
it is highly recommended that you add <code>--disableFastRender</code> parameter to <code>hugo server</code> command for the live preview of the page you are editing.</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash">hugo serve --disableFastRender
</code></pre></td></tr></table>
</div>
</div></div>
        </div>
    </div>
<h3 id="26-build-the-website">2.6 Build the Website</h3>
<p>When your site is ready to deploy, run the following command:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash">hugo
</code></pre></td></tr></table>
</div>
</div><p>A <code>public</code> folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.</p>
<div class="details admonition tip open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-lightbulb fa-fw"></i>Tip<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content">The website can be automatically published and hosted with <a href="https://www.netlify.com/" target="_blank" rel="noopener noreffer">Netlify</a> (Read more about <a href="https://www.netlify.com/blog/2015/07/30/hosting-hugo-on-netlifyinsanely-fast-deploys/" target="_blank" rel="noopener noreffer">Automated HUGO deployments with Netlify</a>).
Alternatively, you can use <a href="https://gohugo.io/hosting-and-deployment/hosting-on-aws-amplify/" target="_blank" rel="noopener noreffer">AWS Amplify</a>, <a href="https://gohugo.io/hosting-and-deployment/hosting-on-github/" target="_blank" rel="noopener noreffer">Github pages</a>, <a href="https://gohugo.io/hosting-and-deployment/hosting-on-render/" target="_blank" rel="noopener noreffer">Render</a> and more&hellip;</div>
        </div>
    </div>
<h2 id="3-configuration">3 Configuration</h2>
<h3 id="site-configuration">3.1 Site Configuration</h3>
<p>In addition to <a href="https://gohugo.io/overview/configuration/" target="_blank" rel="noopener noreffer">Hugo global configuration</a> and <a href="#basic-configuration" rel="">menu configuration</a>, <strong>LoveIt</strong> lets you define the following parameters in your site configuration (here is a <code>config.toml</code>, whose values are default).</p>
<p>Please open the code block below to view the complete sample configuration <i class="far fa-hand-point-down fa-fw"></i>:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">  1
</span><span class="lnt">  2
</span><span class="lnt">  3
</span><span class="lnt">  4
</span><span class="lnt">  5
</span><span class="lnt">  6
</span><span class="lnt">  7
</span><span class="lnt">  8
</span><span class="lnt">  9
</span><span class="lnt"> 10
</span><span class="lnt"> 11
</span><span class="lnt"> 12
</span><span class="lnt"> 13
</span><span class="lnt"> 14
</span><span class="lnt"> 15
</span><span class="lnt"> 16
</span><span class="lnt"> 17
</span><span class="lnt"> 18
</span><span class="lnt"> 19
</span><span class="lnt"> 20
</span><span class="lnt"> 21
</span><span class="lnt"> 22
</span><span class="lnt"> 23
</span><span class="lnt"> 24
</span><span class="lnt"> 25
</span><span class="lnt"> 26
</span><span class="lnt"> 27
</span><span class="lnt"> 28
</span><span class="lnt"> 29
</span><span class="lnt"> 30
</span><span class="lnt"> 31
</span><span class="lnt"> 32
</span><span class="lnt"> 33
</span><span class="lnt"> 34
</span><span class="lnt"> 35
</span><span class="lnt"> 36
</span><span class="lnt"> 37
</span><span class="lnt"> 38
</span><span class="lnt"> 39
</span><span class="lnt"> 40
</span><span class="lnt"> 41
</span><span class="lnt"> 42
</span><span class="lnt"> 43
</span><span class="lnt"> 44
</span><span class="lnt"> 45
</span><span class="lnt"> 46
</span><span class="lnt"> 47
</span><span class="lnt"> 48
</span><span class="lnt"> 49
</span><span class="lnt"> 50
</span><span class="lnt"> 51
</span><span class="lnt"> 52
</span><span class="lnt"> 53
</span><span class="lnt"> 54
</span><span class="lnt"> 55
</span><span class="lnt"> 56
</span><span class="lnt"> 57
</span><span class="lnt"> 58
</span><span class="lnt"> 59
</span><span class="lnt"> 60
</span><span class="lnt"> 61
</span><span class="lnt"> 62
</span><span class="lnt"> 63
</span><span class="lnt"> 64
</span><span class="lnt"> 65
</span><span class="lnt"> 66
</span><span class="lnt"> 67
</span><span class="lnt"> 68
</span><span class="lnt"> 69
</span><span class="lnt"> 70
</span><span class="lnt"> 71
</span><span class="lnt"> 72
</span><span class="lnt"> 73
</span><span class="lnt"> 74
</span><span class="lnt"> 75
</span><span class="lnt"> 76
</span><span class="lnt"> 77
</span><span class="lnt"> 78
</span><span class="lnt"> 79
</span><span class="lnt"> 80
</span><span class="lnt"> 81
</span><span class="lnt"> 82
</span><span class="lnt"> 83
</span><span class="lnt"> 84
</span><span class="lnt"> 85
</span><span class="lnt"> 86
</span><span class="lnt"> 87
</span><span class="lnt"> 88
</span><span class="lnt"> 89
</span><span class="lnt"> 90
</span><span class="lnt"> 91
</span><span class="lnt"> 92
</span><span class="lnt"> 93
</span><span class="lnt"> 94
</span><span class="lnt"> 95
</span><span class="lnt"> 96
</span><span class="lnt"> 97
</span><span class="lnt"> 98
</span><span class="lnt"> 99
</span><span class="lnt">100
</span><span class="lnt">101
</span><span class="lnt">102
</span><span class="lnt">103
</span><span class="lnt">104
</span><span class="lnt">105
</span><span class="lnt">106
</span><span class="lnt">107
</span><span class="lnt">108
</span><span class="lnt">109
</span><span class="lnt">110
</span><span class="lnt">111
</span><span class="lnt">112
</span><span class="lnt">113
</span><span class="lnt">114
</span><span class="lnt">115
</span><span class="lnt">116
</span><span class="lnt">117
</span><span class="lnt">118
</span><span class="lnt">119
</span><span class="lnt">120
</span><span class="lnt">121
</span><span class="lnt">122
</span><span class="lnt">123
</span><span class="lnt">124
</span><span class="lnt">125
</span><span class="lnt">126
</span><span class="lnt">127
</span><span class="lnt">128
</span><span class="lnt">129
</span><span class="lnt">130
</span><span class="lnt">131
</span><span class="lnt">132
</span><span class="lnt">133
</span><span class="lnt">134
</span><span class="lnt">135
</span><span class="lnt">136
</span><span class="lnt">137
</span><span class="lnt">138
</span><span class="lnt">139
</span><span class="lnt">140
</span><span class="lnt">141
</span><span class="lnt">142
</span><span class="lnt">143
</span><span class="lnt">144
</span><span class="lnt">145
</span><span class="lnt">146
</span><span class="lnt">147
</span><span class="lnt">148
</span><span class="lnt">149
</span><span class="lnt">150
</span><span class="lnt">151
</span><span class="lnt">152
</span><span class="lnt">153
</span><span class="lnt">154
</span><span class="lnt">155
</span><span class="lnt">156
</span><span class="lnt">157
</span><span class="lnt">158
</span><span class="lnt">159
</span><span class="lnt">160
</span><span class="lnt">161
</span><span class="lnt">162
</span><span class="lnt">163
</span><span class="lnt">164
</span><span class="lnt">165
</span><span class="lnt">166
</span><span class="lnt">167
</span><span class="lnt">168
</span><span class="lnt">169
</span><span class="lnt">170
</span><span class="lnt">171
</span><span class="lnt">172
</span><span class="lnt">173
</span><span class="lnt">174
</span><span class="lnt">175
</span><span class="lnt">176
</span><span class="lnt">177
</span><span class="lnt">178
</span><span class="lnt">179
</span><span class="lnt">180
</span><span class="lnt">181
</span><span class="lnt">182
</span><span class="lnt">183
</span><span class="lnt">184
</span><span class="lnt">185
</span><span class="lnt">186
</span><span class="lnt">187
</span><span class="lnt">188
</span><span class="lnt">189
</span><span class="lnt">190
</span><span class="lnt">191
</span><span class="lnt">192
</span><span class="lnt">193
</span><span class="lnt">194
</span><span class="lnt">195
</span><span class="lnt">196
</span><span class="lnt">197
</span><span class="lnt">198
</span><span class="lnt">199
</span><span class="lnt">200
</span><span class="lnt">201
</span><span class="lnt">202
</span><span class="lnt">203
</span><span class="lnt">204
</span><span class="lnt">205
</span><span class="lnt">206
</span><span class="lnt">207
</span><span class="lnt">208
</span><span class="lnt">209
</span><span class="lnt">210
</span><span class="lnt">211
</span><span class="lnt">212
</span><span class="lnt">213
</span><span class="lnt">214
</span><span class="lnt">215
</span><span class="lnt">216
</span><span class="lnt">217
</span><span class="lnt">218
</span><span class="lnt">219
</span><span class="lnt">220
</span><span class="lnt">221
</span><span class="lnt">222
</span><span class="lnt">223
</span><span class="lnt">224
</span><span class="lnt">225
</span><span class="lnt">226
</span><span class="lnt">227
</span><span class="lnt">228
</span><span class="lnt">229
</span><span class="lnt">230
</span><span class="lnt">231
</span><span class="lnt">232
</span><span class="lnt">233
</span><span class="lnt">234
</span><span class="lnt">235
</span><span class="lnt">236
</span><span class="lnt">237
</span><span class="lnt">238
</span><span class="lnt">239
</span><span class="lnt">240
</span><span class="lnt">241
</span><span class="lnt">242
</span><span class="lnt">243
</span><span class="lnt">244
</span><span class="lnt">245
</span><span class="lnt">246
</span><span class="lnt">247
</span><span class="lnt">248
</span><span class="lnt">249
</span><span class="lnt">250
</span><span class="lnt">251
</span><span class="lnt">252
</span><span class="lnt">253
</span><span class="lnt">254
</span><span class="lnt">255
</span><span class="lnt">256
</span><span class="lnt">257
</span><span class="lnt">258
</span><span class="lnt">259
</span><span class="lnt">260
</span><span class="lnt">261
</span><span class="lnt">262
</span><span class="lnt">263
</span><span class="lnt">264
</span><span class="lnt">265
</span><span class="lnt">266
</span><span class="lnt">267
</span><span class="lnt">268
</span><span class="lnt">269
</span><span class="lnt">270
</span><span class="lnt">271
</span><span class="lnt">272
</span><span class="lnt">273
</span><span class="lnt">274
</span><span class="lnt">275
</span><span class="lnt">276
</span><span class="lnt">277
</span><span class="lnt">278
</span><span class="lnt">279
</span><span class="lnt">280
</span><span class="lnt">281
</span><span class="lnt">282
</span><span class="lnt">283
</span><span class="lnt">284
</span><span class="lnt">285
</span><span class="lnt">286
</span><span class="lnt">287
</span><span class="lnt">288
</span><span class="lnt">289
</span><span class="lnt">290
</span><span class="lnt">291
</span><span class="lnt">292
</span><span class="lnt">293
</span><span class="lnt">294
</span><span class="lnt">295
</span><span class="lnt">296
</span><span class="lnt">297
</span><span class="lnt">298
</span><span class="lnt">299
</span><span class="lnt">300
</span><span class="lnt">301
</span><span class="lnt">302
</span><span class="lnt">303
</span><span class="lnt">304
</span><span class="lnt">305
</span><span class="lnt">306
</span><span class="lnt">307
</span><span class="lnt">308
</span><span class="lnt">309
</span><span class="lnt">310
</span><span class="lnt">311
</span><span class="lnt">312
</span><span class="lnt">313
</span><span class="lnt">314
</span><span class="lnt">315
</span><span class="lnt">316
</span><span class="lnt">317
</span><span class="lnt">318
</span><span class="lnt">319
</span><span class="lnt">320
</span><span class="lnt">321
</span><span class="lnt">322
</span><span class="lnt">323
</span><span class="lnt">324
</span><span class="lnt">325
</span><span class="lnt">326
</span><span class="lnt">327
</span><span class="lnt">328
</span><span class="lnt">329
</span><span class="lnt">330
</span><span class="lnt">331
</span><span class="lnt">332
</span><span class="lnt">333
</span><span class="lnt">334
</span><span class="lnt">335
</span><span class="lnt">336
</span><span class="lnt">337
</span><span class="lnt">338
</span><span class="lnt">339
</span><span class="lnt">340
</span><span class="lnt">341
</span><span class="lnt">342
</span><span class="lnt">343
</span><span class="lnt">344
</span><span class="lnt">345
</span><span class="lnt">346
</span><span class="lnt">347
</span><span class="lnt">348
</span><span class="lnt">349
</span><span class="lnt">350
</span><span class="lnt">351
</span><span class="lnt">352
</span><span class="lnt">353
</span><span class="lnt">354
</span><span class="lnt">355
</span><span class="lnt">356
</span><span class="lnt">357
</span><span class="lnt">358
</span><span class="lnt">359
</span><span class="lnt">360
</span><span class="lnt">361
</span><span class="lnt">362
</span><span class="lnt">363
</span><span class="lnt">364
</span><span class="lnt">365
</span><span class="lnt">366
</span><span class="lnt">367
</span><span class="lnt">368
</span><span class="lnt">369
</span><span class="lnt">370
</span><span class="lnt">371
</span><span class="lnt">372
</span><span class="lnt">373
</span><span class="lnt">374
</span><span class="lnt">375
</span><span class="lnt">376
</span><span class="lnt">377
</span><span class="lnt">378
</span><span class="lnt">379
</span><span class="lnt">380
</span><span class="lnt">381
</span><span class="lnt">382
</span><span class="lnt">383
</span><span class="lnt">384
</span><span class="lnt">385
</span><span class="lnt">386
</span><span class="lnt">387
</span><span class="lnt">388
</span><span class="lnt">389
</span><span class="lnt">390
</span><span class="lnt">391
</span><span class="lnt">392
</span><span class="lnt">393
</span><span class="lnt">394
</span><span class="lnt">395
</span><span class="lnt">396
</span><span class="lnt">397
</span><span class="lnt">398
</span><span class="lnt">399
</span><span class="lnt">400
</span><span class="lnt">401
</span><span class="lnt">402
</span><span class="lnt">403
</span><span class="lnt">404
</span><span class="lnt">405
</span><span class="lnt">406
</span><span class="lnt">407
</span><span class="lnt">408
</span><span class="lnt">409
</span><span class="lnt">410
</span><span class="lnt">411
</span><span class="lnt">412
</span><span class="lnt">413
</span><span class="lnt">414
</span><span class="lnt">415
</span><span class="lnt">416
</span><span class="lnt">417
</span><span class="lnt">418
</span><span class="lnt">419
</span><span class="lnt">420
</span><span class="lnt">421
</span><span class="lnt">422
</span><span class="lnt">423
</span><span class="lnt">424
</span><span class="lnt">425
</span><span class="lnt">426
</span><span class="lnt">427
</span><span class="lnt">428
</span><span class="lnt">429
</span><span class="lnt">430
</span><span class="lnt">431
</span><span class="lnt">432
</span><span class="lnt">433
</span><span class="lnt">434
</span><span class="lnt">435
</span><span class="lnt">436
</span><span class="lnt">437
</span><span class="lnt">438
</span><span class="lnt">439
</span><span class="lnt">440
</span><span class="lnt">441
</span><span class="lnt">442
</span><span class="lnt">443
</span><span class="lnt">444
</span><span class="lnt">445
</span><span class="lnt">446
</span><span class="lnt">447
</span><span class="lnt">448
</span><span class="lnt">449
</span><span class="lnt">450
</span><span class="lnt">451
</span><span class="lnt">452
</span><span class="lnt">453
</span><span class="lnt">454
</span><span class="lnt">455
</span><span class="lnt">456
</span><span class="lnt">457
</span><span class="lnt">458
</span><span class="lnt">459
</span><span class="lnt">460
</span><span class="lnt">461
</span><span class="lnt">462
</span><span class="lnt">463
</span><span class="lnt">464
</span><span class="lnt">465
</span><span class="lnt">466
</span><span class="lnt">467
</span><span class="lnt">468
</span><span class="lnt">469
</span><span class="lnt">470
</span><span class="lnt">471
</span><span class="lnt">472
</span><span class="lnt">473
</span><span class="lnt">474
</span><span class="lnt">475
</span><span class="lnt">476
</span><span class="lnt">477
</span><span class="lnt">478
</span><span class="lnt">479
</span><span class="lnt">480
</span><span class="lnt">481
</span><span class="lnt">482
</span><span class="lnt">483
</span><span class="lnt">484
</span><span class="lnt">485
</span><span class="lnt">486
</span><span class="lnt">487
</span><span class="lnt">488
</span><span class="lnt">489
</span><span class="lnt">490
</span><span class="lnt">491
</span><span class="lnt">492
</span><span class="lnt">493
</span><span class="lnt">494
</span><span class="lnt">495
</span><span class="lnt">496
</span><span class="lnt">497
</span><span class="lnt">498
</span><span class="lnt">499
</span><span class="lnt">500
</span><span class="lnt">501
</span><span class="lnt">502
</span><span class="lnt">503
</span><span class="lnt">504
</span><span class="lnt">505
</span><span class="lnt">506
</span><span class="lnt">507
</span><span class="lnt">508
</span><span class="lnt">509
</span><span class="lnt">510
</span><span class="lnt">511
</span><span class="lnt">512
</span><span class="lnt">513
</span><span class="lnt">514
</span><span class="lnt">515
</span><span class="lnt">516
</span><span class="lnt">517
</span><span class="lnt">518
</span><span class="lnt">519
</span><span class="lnt">520
</span><span class="lnt">521
</span><span class="lnt">522
</span><span class="lnt">523
</span><span class="lnt">524
</span><span class="lnt">525
</span><span class="lnt">526
</span><span class="lnt">527
</span><span class="lnt">528
</span><span class="lnt">529
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-changed.en.min.svg"
        data-srcset="/svg/version/0.2.0-changed.en.min.svg, /svg/version/0.2.0-changed.en.min.svg 1.5x, /svg/version/0.2.0-changed.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt CHANGED | 0.2.0"
        title="LoveIt CHANGED | 0.2.0" /></a> LoveIt theme version</span>
  <span class="nx">version</span> <span class="p">=</span> <span class="s2">&#34;0.2.X&#34;</span>
  <span class="c"># site description</span>
  <span class="nx">description</span> <span class="p">=</span> <span class="s2">&#34;This is My New Hugo Site&#34;</span>
  <span class="c"># site keywords</span>
  <span class="nx">keywords</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;Theme&#34;</span><span class="p">,</span> <span class="s2">&#34;Hugo&#34;</span><span class="p">]</span>
  <span class="c"># site default theme (&#34;light&#34;, &#34;dark&#34;, &#34;auto&#34;)</span>
  <span class="nx">defaultTheme</span> <span class="p">=</span> <span class="s2">&#34;auto&#34;</span>
  <span class="c"># public git repo url only then enableGitInfo is true</span>
  <span class="nx">gitRepo</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.1.1" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.1.1-new.en.min.svg"
        data-srcset="/svg/version/0.1.1-new.en.min.svg, /svg/version/0.1.1-new.en.min.svg 1.5x, /svg/version/0.1.1-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.1.1"
        title="LoveIt NEW | 0.1.1" /></a> which hash function used for SRI, when empty, no SRI is used</span>
  <span class="c"># (&#34;sha256&#34;, &#34;sha384&#34;, &#34;sha512&#34;, &#34;md5&#34;)</span>
  <span class="nx">fingerprint</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> date format</span>
  <span class="nx">dateFormat</span> <span class="p">=</span> <span class="s2">&#34;2006-01-02&#34;</span>
  <span class="c"># website images for Open Graph and Twitter Cards</span>
  <span class="nx">images</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;/logo.png&#34;</span><span class="p">]</span>

  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> App icon config</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">app</span><span class="p">]</span>
    <span class="c"># optional site title override for the app when added to an iOS home screen or Android launcher</span>
    <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;LoveIt&#34;</span>
    <span class="c"># whether to omit favicon resource links</span>
    <span class="nx">noFavicon</span> <span class="p">=</span> <span class="kc">false</span>
    <span class="c"># modern SVG favicon to use in place of older style .png and .ico files</span>
    <span class="nx">svgFavicon</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="c"># Android browser theme color</span>
    <span class="nx">themeColor</span> <span class="p">=</span> <span class="s2">&#34;#ffffff&#34;</span>
    <span class="c"># Safari mask icon color</span>
    <span class="nx">iconColor</span> <span class="p">=</span> <span class="s2">&#34;#5bbad5&#34;</span>
    <span class="c"># Windows v8-10 tile color</span>
    <span class="nx">tileColor</span> <span class="p">=</span> <span class="s2">&#34;#da532c&#34;</span>

  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> Search config</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">search</span><span class="p">]</span>
    <span class="nx">enable</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># type of search engine (&#34;lunr&#34;, &#34;algolia&#34;)</span>
    <span class="nx">type</span> <span class="p">=</span> <span class="s2">&#34;lunr&#34;</span>
    <span class="c"># max index length of the chunked content</span>
    <span class="nx">contentLength</span> <span class="p">=</span> <span class="mi">4000</span>
    <span class="c"># placeholder of the search bar</span>
    <span class="nx">placeholder</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.1" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.1-new.en.min.svg"
        data-srcset="/svg/version/0.2.1-new.en.min.svg, /svg/version/0.2.1-new.en.min.svg 1.5x, /svg/version/0.2.1-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.1"
        title="LoveIt NEW | 0.2.1" /></a> max number of results length</span>
    <span class="nx">maxResultLength</span> <span class="p">=</span> <span class="mi">10</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.3" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.3-new.en.min.svg"
        data-srcset="/svg/version/0.2.3-new.en.min.svg, /svg/version/0.2.3-new.en.min.svg 1.5x, /svg/version/0.2.3-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.3"
        title="LoveIt NEW | 0.2.3" /></a> snippet length of the result</span>
    <span class="nx">snippetLength</span> <span class="p">=</span> <span class="mi">30</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.1" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.1-new.en.min.svg"
        data-srcset="/svg/version/0.2.1-new.en.min.svg, /svg/version/0.2.1-new.en.min.svg 1.5x, /svg/version/0.2.1-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.1"
        title="LoveIt NEW | 0.2.1" /></a> HTML tag name of the highlight part in results</span>
    <span class="nx">highlightTag</span> <span class="p">=</span> <span class="s2">&#34;em&#34;</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.4" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.4-new.en.min.svg"
        data-srcset="/svg/version/0.2.4-new.en.min.svg, /svg/version/0.2.4-new.en.min.svg 1.5x, /svg/version/0.2.4-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.4"
        title="LoveIt NEW | 0.2.4" /></a> whether to use the absolute URL based on the baseURL in search index</span>
    <span class="nx">absoluteURL</span> <span class="p">=</span> <span class="kc">false</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">search</span><span class="p">.</span><span class="nx">algolia</span><span class="p">]</span>
      <span class="nx">index</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">appID</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">searchKey</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>

  <span class="c"># Header config</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">header</span><span class="p">]</span>
    <span class="c"># desktop header mode (&#34;fixed&#34;, &#34;normal&#34;, &#34;auto&#34;)</span>
    <span class="nx">desktopMode</span> <span class="p">=</span> <span class="s2">&#34;fixed&#34;</span>
    <span class="c"># mobile header mode (&#34;fixed&#34;, &#34;normal&#34;, &#34;auto&#34;)</span>
    <span class="nx">mobileMode</span> <span class="p">=</span> <span class="s2">&#34;auto&#34;</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> Header title config</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">header</span><span class="p">.</span><span class="nx">title</span><span class="p">]</span>
      <span class="c"># URL of the LOGO</span>
      <span class="nx">logo</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># title name</span>
      <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># you can add extra information before the name (HTML format is supported), such as icons</span>
      <span class="nx">pre</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># you can add extra information after the name (HTML format is supported), such as icons</span>
      <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.5" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.5-new.en.min.svg"
        data-srcset="/svg/version/0.2.5-new.en.min.svg, /svg/version/0.2.5-new.en.min.svg 1.5x, /svg/version/0.2.5-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.5"
        title="LoveIt NEW | 0.2.5" /></a> whether to use typeit animation for title name</span>
      <span class="nx">typeit</span> <span class="p">=</span> <span class="kc">false</span>

  <span class="c"># Footer config</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">footer</span><span class="p">]</span>
    <span class="nx">enable</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> Custom content (HTML format is supported)</span>
    <span class="nx">custom</span> <span class="p">=</span> <span class="s1">&#39;&#39;</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> whether to show Hugo and theme info</span>
    <span class="nx">hugo</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> whether to show copyright info</span>
    <span class="nx">copyright</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> whether to show the author</span>
    <span class="nx">author</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># Site creation time</span>
    <span class="nx">since</span> <span class="p">=</span> <span class="mi">2019</span>
    <span class="c"># ICP info only in China (HTML format is supported)</span>
    <span class="nx">icp</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="c"># license info (HTML format is supported)</span>
    <span class="nx">license</span> <span class="p">=</span> <span class="s1">&#39;&lt;a rel=&#34;license external nofollow noopener noreffer&#34; href=&#34;https://creativecommons.org/licenses/by-nc/4.0/&#34; target=&#34;_blank&#34;&gt;CC BY-NC 4.0&lt;/a&gt;&#39;</span>

  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> Section (all posts) page config</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">section</span><span class="p">]</span>
    <span class="c"># special amount of posts in each section page</span>
    <span class="nx">paginate</span> <span class="p">=</span> <span class="mi">20</span>
    <span class="c"># date format (month and day)</span>
    <span class="nx">dateFormat</span> <span class="p">=</span> <span class="s2">&#34;01-02&#34;</span>
    <span class="c"># amount of RSS pages</span>
    <span class="nx">rss</span> <span class="p">=</span> <span class="mi">10</span>

  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> List (category or tag) page config</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">list</span><span class="p">]</span>
    <span class="c"># special amount of posts in each list page</span>
    <span class="nx">paginate</span> <span class="p">=</span> <span class="mi">20</span>
    <span class="c"># date format (month and day)</span>
    <span class="nx">dateFormat</span> <span class="p">=</span> <span class="s2">&#34;01-02&#34;</span>
    <span class="c"># amount of RSS pages</span>
    <span class="nx">rss</span> <span class="p">=</span> <span class="mi">10</span>

  <span class="c"># Home page config</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">home</span><span class="p">]</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> amount of RSS pages</span>
    <span class="nx">rss</span> <span class="p">=</span> <span class="mi">10</span>
    <span class="c"># Home page profile</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">home</span><span class="p">.</span><span class="nx">profile</span><span class="p">]</span>
      <span class="nx">enable</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="c"># Gravatar Email for preferred avatar in home page</span>
      <span class="nx">gravatarEmail</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># URL of avatar shown in home page</span>
      <span class="nx">avatarURL</span> <span class="p">=</span> <span class="s2">&#34;/images/avatar.png&#34;</span>
      <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.7" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.7-changed.en.min.svg"
        data-srcset="/svg/version/0.2.7-changed.en.min.svg, /svg/version/0.2.7-changed.en.min.svg 1.5x, /svg/version/0.2.7-changed.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt CHANGED | 0.2.7"
        title="LoveIt CHANGED | 0.2.7" /></a> title shown in home page (HTML format is supported)</span>
      <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># subtitle shown in home page</span>
      <span class="nx">subtitle</span> <span class="p">=</span> <span class="s2">&#34;This is My New Hugo Site&#34;</span>
      <span class="c"># whether to use typeit animation for subtitle</span>
      <span class="nx">typeit</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="c"># whether to show social links</span>
      <span class="nx">social</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> disclaimer (HTML format is supported)</span>
      <span class="nx">disclaimer</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="c"># Home page posts</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">home</span><span class="p">.</span><span class="nx">posts</span><span class="p">]</span>
      <span class="nx">enable</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="c"># special amount of posts in each home posts page</span>
      <span class="nx">paginate</span> <span class="p">=</span> <span class="mi">6</span>
      <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-deleted.en.min.svg"
        data-srcset="/svg/version/0.2.0-deleted.en.min.svg, /svg/version/0.2.0-deleted.en.min.svg 1.5x, /svg/version/0.2.0-deleted.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt DELETED | 0.2.0"
        title="LoveIt DELETED | 0.2.0" /></a> replaced with hiddenFromHomePage in params.page</span>
      <span class="c"># default behavior when you don&#39;t set &#34;hiddenFromHomePage&#34; in front matter</span>
      <span class="nx">defaultHiddenFromHomePage</span> <span class="p">=</span> <span class="kc">false</span>

  <span class="c"># Social config about the author</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">social</span><span class="p">]</span>
    <span class="nx">GitHub</span> <span class="p">=</span> <span class="s2">&#34;xxxx&#34;</span>
    <span class="nx">Linkedin</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Twitter</span> <span class="p">=</span> <span class="s2">&#34;xxxx&#34;</span>
    <span class="nx">Instagram</span> <span class="p">=</span> <span class="s2">&#34;xxxx&#34;</span>
    <span class="nx">Facebook</span> <span class="p">=</span> <span class="s2">&#34;xxxx&#34;</span>
    <span class="nx">Telegram</span> <span class="p">=</span> <span class="s2">&#34;xxxx&#34;</span>
    <span class="nx">Medium</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Gitlab</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Youtubelegacy</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Youtubecustom</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Youtubechannel</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Tumblr</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Quora</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Keybase</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Pinterest</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Reddit</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Codepen</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">FreeCodeCamp</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Bitbucket</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Stackoverflow</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Weibo</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Odnoklassniki</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">VK</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Flickr</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Xing</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Snapchat</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Soundcloud</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Spotify</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Bandcamp</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Paypal</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Fivehundredpx</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Mix</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Goodreads</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Lastfm</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Foursquare</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Hackernews</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Kickstarter</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Patreon</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Steam</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Twitch</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Strava</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Skype</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Whatsapp</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Zhihu</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Douban</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Angellist</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Slidershare</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Jsfiddle</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Deviantart</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Behance</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Dribbble</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Wordpress</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Vine</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Googlescholar</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Researchgate</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Mastodon</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Thingiverse</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Devto</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Gitea</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">XMPP</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Matrix</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Bilibili</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">Email</span> <span class="p">=</span> <span class="s2">&#34;xxxx@xxxx.com&#34;</span>
    <span class="nx">RSS</span> <span class="p">=</span> <span class="kc">true</span> <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a></span>

  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-changed.en.min.svg"
        data-srcset="/svg/version/0.2.0-changed.en.min.svg, /svg/version/0.2.0-changed.en.min.svg 1.5x, /svg/version/0.2.0-changed.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt CHANGED | 0.2.0"
        title="LoveIt CHANGED | 0.2.0" /></a> Page config</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">]</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> whether to hide a page from home page</span>
    <span class="nx">hiddenFromHomePage</span> <span class="p">=</span> <span class="kc">false</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> whether to hide a page from search results</span>
    <span class="nx">hiddenFromSearch</span> <span class="p">=</span> <span class="kc">false</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> whether to enable twemoji</span>
    <span class="nx">twemoji</span> <span class="p">=</span> <span class="kc">false</span>
    <span class="c"># whether to enable lightgallery</span>
    <span class="nx">lightgallery</span> <span class="p">=</span> <span class="kc">false</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> whether to enable the ruby extended syntax</span>
    <span class="nx">ruby</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> whether to enable the fraction extended syntax</span>
    <span class="nx">fraction</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> whether to enable the fontawesome extended syntax</span>
    <span class="nx">fontawesome</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># whether to show link to Raw Markdown content of the content</span>
    <span class="nx">linkToMarkdown</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.4" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.4-new.en.min.svg"
        data-srcset="/svg/version/0.2.4-new.en.min.svg, /svg/version/0.2.4-new.en.min.svg 1.5x, /svg/version/0.2.4-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.4"
        title="LoveIt NEW | 0.2.4" /></a> whether to show the full text content in RSS</span>
    <span class="nx">rssFullText</span> <span class="p">=</span> <span class="kc">false</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> Table of the contents config</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">toc</span><span class="p">]</span>
      <span class="c"># whether to enable the table of the contents</span>
      <span class="nx">enable</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.9" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.9-new.en.min.svg"
        data-srcset="/svg/version/0.2.9-new.en.min.svg, /svg/version/0.2.9-new.en.min.svg 1.5x, /svg/version/0.2.9-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.9"
        title="LoveIt NEW | 0.2.9" /></a> whether to keep the static table of the contents in front of the post</span>
      <span class="nx">keepStatic</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="c"># whether to make the table of the contents in the sidebar automatically collapsed</span>
      <span class="nx">auto</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-changed.en.min.svg"
        data-srcset="/svg/version/0.2.0-changed.en.min.svg, /svg/version/0.2.0-changed.en.min.svg 1.5x, /svg/version/0.2.0-changed.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt CHANGED | 0.2.0"
        title="LoveIt CHANGED | 0.2.0" /></a> <a href="https://katex.org/" target="_blank" rel="noopener noreffer">KaTeX</a> mathematical formulas</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">math</span><span class="p">]</span>
      <span class="nx">enable</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="c"># default block delimiter is $$ ... $$ and \\[ ... \\]</span>
      <span class="nx">blockLeftDelimiter</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">blockRightDelimiter</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># default inline delimiter is $ ... $ and \\( ... \\)</span>
      <span class="nx">inlineLeftDelimiter</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">inlineRightDelimiter</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># KaTeX extension copy_tex</span>
      <span class="nx">copyTex</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="c"># KaTeX extension mhchem</span>
      <span class="nx">mhchem</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> Code config</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">code</span><span class="p">]</span>
      <span class="c"># whether to show the copy button of the code block</span>
      <span class="nx">copy</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="c"># the maximum number of lines of displayed code by default</span>
      <span class="nx">maxShownLines</span> <span class="p">=</span> <span class="mi">10</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> <a href="https://docs.mapbox.com/mapbox-gl-js" target="_blank" rel="noopener noreffer">Mapbox GL JS</a> config</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">mapbox</span><span class="p">]</span>
      <span class="c"># access token of Mapbox GL JS</span>
      <span class="nx">accessToken</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># style for the light theme</span>
      <span class="nx">lightStyle</span> <span class="p">=</span> <span class="s2">&#34;mapbox://styles/mapbox/light-v9&#34;</span>
      <span class="c"># style for the dark theme</span>
      <span class="nx">darkStyle</span> <span class="p">=</span> <span class="s2">&#34;mapbox://styles/mapbox/dark-v9&#34;</span>
      <span class="c"># whether to add <a href="https://docs.mapbox.com/mapbox-gl-js/api#navigationcontrol" target="_blank" rel="noopener noreffer">NavigationControl</a></span>
      <span class="nx">navigation</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="c"># whether to add <a href="https://docs.mapbox.com/mapbox-gl-js/api#geolocatecontrol" target="_blank" rel="noopener noreffer">GeolocateControl</a></span>
      <span class="nx">geolocate</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="c"># whether to add <a href="https://docs.mapbox.com/mapbox-gl-js/api#scalecontrol" target="_blank" rel="noopener noreffer">ScaleControl</a></span>
      <span class="nx">scale</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="c"># whether to add <a href="https://docs.mapbox.com/mapbox-gl-js/api#fullscreencontrol" target="_blank" rel="noopener noreffer">FullscreenControl</a></span>
      <span class="nx">fullscreen</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-changed.en.min.svg"
        data-srcset="/svg/version/0.2.0-changed.en.min.svg, /svg/version/0.2.0-changed.en.min.svg 1.5x, /svg/version/0.2.0-changed.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt CHANGED | 0.2.0"
        title="LoveIt CHANGED | 0.2.0" /></a> social share links in post page</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">share</span><span class="p">]</span>
      <span class="nx">enable</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">Twitter</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">Facebook</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">Linkedin</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Whatsapp</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">Pinterest</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Tumblr</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">HackerNews</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Reddit</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">VK</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Buffer</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Xing</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Line</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">Instapaper</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Pocket</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Digg</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Stumbleupon</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Flipboard</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Weibo</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">Renren</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Myspace</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">Blogger</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">Baidu</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Odnoklassniki</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Evernote</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">Skype</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Trello</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="nx">Mix</span> <span class="p">=</span> <span class="kc">false</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-changed.en.min.svg"
        data-srcset="/svg/version/0.2.0-changed.en.min.svg, /svg/version/0.2.0-changed.en.min.svg 1.5x, /svg/version/0.2.0-changed.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt CHANGED | 0.2.0"
        title="LoveIt CHANGED | 0.2.0" /></a> Comment config</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">comment</span><span class="p">]</span>
      <span class="nx">enable</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="c"># <a href="https://disqus.com/" target="_blank" rel="noopener noreffer">Disqus</a> comment config</span>
      <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">comment</span><span class="p">.</span><span class="nx">disqus</span><span class="p">]</span>
        <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.1.1" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.1.1-new.en.min.svg"
        data-srcset="/svg/version/0.1.1-new.en.min.svg, /svg/version/0.1.1-new.en.min.svg 1.5x, /svg/version/0.1.1-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.1.1"
        title="LoveIt NEW | 0.1.1" /></a></span>
        <span class="nx">enable</span> <span class="p">=</span> <span class="kc">false</span>
        <span class="c"># Disqus shortname to use Disqus in posts</span>
        <span class="nx">shortname</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># <a href="https://github.com/gitalk/gitalk" target="_blank" rel="noopener noreffer">Gitalk</a> comment config</span>
      <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">comment</span><span class="p">.</span><span class="nx">gitalk</span><span class="p">]</span>
        <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.1.1" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.1.1-new.en.min.svg"
        data-srcset="/svg/version/0.1.1-new.en.min.svg, /svg/version/0.1.1-new.en.min.svg 1.5x, /svg/version/0.1.1-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.1.1"
        title="LoveIt NEW | 0.1.1" /></a></span>
        <span class="nx">enable</span> <span class="p">=</span> <span class="kc">false</span>
        <span class="nx">owner</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">repo</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">clientId</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">clientSecret</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># <a href="https://github.com/xCss/Valine" target="_blank" rel="noopener noreffer">Valine</a> comment config</span>
      <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">comment</span><span class="p">.</span><span class="nx">valine</span><span class="p">]</span>
        <span class="nx">enable</span> <span class="p">=</span> <span class="kc">false</span>
        <span class="nx">appId</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">appKey</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">placeholder</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">avatar</span> <span class="p">=</span> <span class="s2">&#34;mp&#34;</span>
        <span class="nx">meta</span><span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">pageSize</span> <span class="p">=</span> <span class="mi">10</span>
        <span class="nx">lang</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">visitor</span> <span class="p">=</span> <span class="kc">true</span>
        <span class="nx">recordIP</span> <span class="p">=</span> <span class="kc">true</span>
        <span class="nx">highlight</span> <span class="p">=</span> <span class="kc">true</span>
        <span class="nx">enableQQ</span> <span class="p">=</span> <span class="kc">false</span>
        <span class="nx">serverURLs</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.6" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.6-new.en.min.svg"
        data-srcset="/svg/version/0.2.6-new.en.min.svg, /svg/version/0.2.6-new.en.min.svg 1.5x, /svg/version/0.2.6-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.6"
        title="LoveIt NEW | 0.2.6" /></a> emoji data file name, default is &#34;google.yml&#34;</span>
        <span class="c"># (&#34;apple.yml&#34;, &#34;google.yml&#34;, &#34;facebook.yml&#34;, &#34;twitter.yml&#34;)</span>
        <span class="c"># located in &#34;themes/LoveIt/assets/data/emoji/&#34; directory</span>
        <span class="c"># you can store your own data files in the same path under your project:</span>
        <span class="c"># &#34;assets/data/emoji/&#34;</span>
        <span class="nx">emoji</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># <a href="https://developers.facebook.com/docs/plugins/comments" target="_blank" rel="noopener noreffer">Facebook comment</a> config</span>
      <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">comment</span><span class="p">.</span><span class="nx">facebook</span><span class="p">]</span>
        <span class="nx">enable</span> <span class="p">=</span> <span class="kc">false</span>
        <span class="nx">width</span> <span class="p">=</span> <span class="s2">&#34;100%&#34;</span>
        <span class="nx">numPosts</span> <span class="p">=</span> <span class="mi">10</span>
        <span class="nx">appId</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">languageCode</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> <a href="https://comments.app/" target="_blank" rel="noopener noreffer">Telegram comments</a> config</span>
      <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">comment</span><span class="p">.</span><span class="nx">telegram</span><span class="p">]</span>
        <span class="nx">enable</span> <span class="p">=</span> <span class="kc">false</span>
        <span class="nx">siteID</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">limit</span> <span class="p">=</span> <span class="mi">5</span>
        <span class="nx">height</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">color</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">colorful</span> <span class="p">=</span> <span class="kc">true</span>
        <span class="nx">dislikes</span> <span class="p">=</span> <span class="kc">false</span>
        <span class="nx">outlined</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> <a href="https://commento.io/" target="_blank" rel="noopener noreffer">Commento</a> comment config</span>
      <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">comment</span><span class="p">.</span><span class="nx">commento</span><span class="p">]</span>
        <span class="nx">enable</span> <span class="p">=</span> <span class="kc">false</span>
      <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.5" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.5-new.en.min.svg"
        data-srcset="/svg/version/0.2.5-new.en.min.svg, /svg/version/0.2.5-new.en.min.svg 1.5x, /svg/version/0.2.5-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.5"
        title="LoveIt NEW | 0.2.5" /></a> <a href="https://utteranc.es/" target="_blank" rel="noopener noreffer">Utterances</a> comment config</span>
      <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">comment</span><span class="p">.</span><span class="nx">utterances</span><span class="p">]</span>
        <span class="nx">enable</span> <span class="p">=</span> <span class="kc">false</span>
        <span class="c"># owner/repo</span>
        <span class="nx">repo</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">issueTerm</span> <span class="p">=</span> <span class="s2">&#34;pathname&#34;</span>
        <span class="nx">label</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">lightTheme</span> <span class="p">=</span> <span class="s2">&#34;github-light&#34;</span>
        <span class="nx">darkTheme</span> <span class="p">=</span> <span class="s2">&#34;github-dark&#34;</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.7" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.7-new.en.min.svg"
        data-srcset="/svg/version/0.2.7-new.en.min.svg, /svg/version/0.2.7-new.en.min.svg 1.5x, /svg/version/0.2.7-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.7"
        title="LoveIt NEW | 0.2.7" /></a> Third-party library config</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">library</span><span class="p">]</span>
      <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">library</span><span class="p">.</span><span class="nx">css</span><span class="p">]</span>
        <span class="c"># someCSS = &#34;some.css&#34;</span>
        <span class="c"># located in &#34;assets/&#34;</span>
        <span class="c"># Or</span>
        <span class="c"># someCSS = &#34;https://cdn.example.com/some.css&#34;</span>
      <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">library</span><span class="p">.</span><span class="nx">js</span><span class="p">]</span>
        <span class="c"># someJavascript = &#34;some.js&#34;</span>
        <span class="c"># located in &#34;assets/&#34;</span>
        <span class="c"># Or</span>
        <span class="c"># someJavascript = &#34;https://cdn.example.com/some.js&#34;</span>
    <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.10" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.10-changed.en.min.svg"
        data-srcset="/svg/version/0.2.10-changed.en.min.svg, /svg/version/0.2.10-changed.en.min.svg 1.5x, /svg/version/0.2.10-changed.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt CHANGED | 0.2.10"
        title="LoveIt CHANGED | 0.2.10" /></a> Page SEO config</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">seo</span><span class="p">]</span>
      <span class="c"># image URL</span>
      <span class="nx">images</span> <span class="p">=</span> <span class="p">[]</span>
      <span class="c"># Publisher info</span>
      <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">seo</span><span class="p">.</span><span class="nx">publisher</span><span class="p">]</span>
        <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
        <span class="nx">logoUrl</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>

  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.5" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.5-new.en.min.svg"
        data-srcset="/svg/version/0.2.5-new.en.min.svg, /svg/version/0.2.5-new.en.min.svg 1.5x, /svg/version/0.2.5-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.5"
        title="LoveIt NEW | 0.2.5" /></a> TypeIt config</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">typeit</span><span class="p">]</span>
    <span class="c"># typing speed between each step (measured in milliseconds)</span>
    <span class="nx">speed</span> <span class="p">=</span> <span class="mi">100</span>
    <span class="c"># blinking speed of the cursor (measured in milliseconds)</span>
    <span class="nx">cursorSpeed</span> <span class="p">=</span> <span class="mi">1000</span>
    <span class="c"># character used for the cursor (HTML format is supported)</span>
    <span class="nx">cursorChar</span> <span class="p">=</span> <span class="s2">&#34;|&#34;</span>
    <span class="c"># cursor duration after typing finishing (measured in milliseconds, &#34;-1&#34; means unlimited)</span>
    <span class="nx">duration</span> <span class="p">=</span> <span class="mi">-1</span>

  <span class="c"># Site verification code config for Google/Bing/Yandex/Pinterest/Baidu</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">verification</span><span class="p">]</span>
    <span class="nx">google</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">bing</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">yandex</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">pinterest</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">baidu</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>

  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.10" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.10-new.en.min.svg"
        data-srcset="/svg/version/0.2.10-new.en.min.svg, /svg/version/0.2.10-new.en.min.svg 1.5x, /svg/version/0.2.10-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.10"
        title="LoveIt NEW | 0.2.10" /></a> Site SEO config</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">seo</span><span class="p">]</span>
    <span class="c"># image URL</span>
    <span class="nx">image</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="c"># thumbnail URL</span>
    <span class="nx">thumbnailUrl</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>

  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a> Analytics config</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">analytics</span><span class="p">]</span>
    <span class="nx">enable</span> <span class="p">=</span> <span class="kc">false</span>
    <span class="c"># Google Analytics</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">analytics</span><span class="p">.</span><span class="nx">google</span><span class="p">]</span>
      <span class="nx">id</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># whether to anonymize IP</span>
      <span class="nx">anonymizeIP</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># Fathom Analytics</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">analytics</span><span class="p">.</span><span class="nx">fathom</span><span class="p">]</span>
      <span class="nx">id</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="c"># server url for your tracker if you&#39;re self hosting</span>
      <span class="nx">server</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>

  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.7" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.7-new.en.min.svg"
        data-srcset="/svg/version/0.2.7-new.en.min.svg, /svg/version/0.2.7-new.en.min.svg 1.5x, /svg/version/0.2.7-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.7"
        title="LoveIt NEW | 0.2.7" /></a> Cookie consent config</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">cookieconsent</span><span class="p">]</span>
    <span class="nx">enable</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># text strings used for Cookie consent banner</span>
    <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">cookieconsent</span><span class="p">.</span><span class="nx">content</span><span class="p">]</span>
      <span class="nx">message</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">dismiss</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">link</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>

  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.7" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.7-changed.en.min.svg"
        data-srcset="/svg/version/0.2.7-changed.en.min.svg, /svg/version/0.2.7-changed.en.min.svg 1.5x, /svg/version/0.2.7-changed.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt CHANGED | 0.2.7"
        title="LoveIt CHANGED | 0.2.7" /></a> CDN config for third-party library files</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">cdn</span><span class="p">]</span>
    <span class="c"># CDN data file name, disabled by default</span>
    <span class="c"># (&#34;jsdelivr.yml&#34;)</span>
    <span class="c"># located in &#34;themes/LoveIt/assets/data/cdn/&#34; directory</span>
    <span class="c"># you can store your own data files in the same path under your project:</span>
    <span class="c"># &#34;assets/data/cdn/&#34;</span>
    <span class="nx">data</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>

  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.8" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.8-new.en.min.svg"
        data-srcset="/svg/version/0.2.8-new.en.min.svg, /svg/version/0.2.8-new.en.min.svg 1.5x, /svg/version/0.2.8-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.8"
        title="LoveIt NEW | 0.2.8" /></a> Compatibility config</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">compatibility</span><span class="p">]</span>
    <span class="c"># whether to use Polyfill.io to be compatible with older browsers</span>
    <span class="nx">polyfill</span> <span class="p">=</span> <span class="kc">false</span>
    <span class="c"># whether to use object-fit-images to be compatible with older browsers</span>
    <span class="nx">objectFit</span> <span class="p">=</span> <span class="kc">false</span>

<span class="c"># Markup related config in Hugo</span>
<span class="p">[</span><span class="nx">markup</span><span class="p">]</span>
  <span class="c"># <a href="https://gohugo.io/content-management/syntax-highlighting" target="_blank" rel="noopener noreffer">Syntax Highlighting</a></span>
  <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
    <span class="nx">codeFences</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="nx">lineNos</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="nx">lineNumbersInTable</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="c"># false is a necessary configuration</span>
    <span class="c"># (<a href="https://github.com/dillonzq/LoveIt/issues/158" target="_blank" rel="noopener noreffer">https://github.com/dillonzq/LoveIt/issues/158</a>)</span>
    <span class="nx">noClasses</span> <span class="p">=</span> <span class="kc">false</span>
  <span class="c"># Goldmark is from Hugo 0.60 the default library used for Markdown</span>
  <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">]</span>
    <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">extensions</span><span class="p">]</span>
      <span class="nx">definitionList</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">footnote</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">linkify</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">strikethrough</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">table</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">taskList</span> <span class="p">=</span> <span class="kc">true</span>
      <span class="nx">typographer</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
      <span class="c"># whether to use HTML tags directly in the document</span>
      <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span>
  <span class="c"># Table Of Contents settings</span>
  <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">tableOfContents</span><span class="p">]</span>
    <span class="nx">startLevel</span> <span class="p">=</span> <span class="mi">2</span>
    <span class="nx">endLevel</span> <span class="p">=</span> <span class="mi">6</span>

<span class="c"># Author config</span>
<span class="p">[</span><span class="nx">author</span><span class="p">]</span>
  <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;xxxx&#34;</span>
  <span class="nx">email</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
  <span class="nx">link</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>

<span class="c"># Sitemap config</span>
<span class="p">[</span><span class="nx">sitemap</span><span class="p">]</span>
  <span class="nx">changefreq</span> <span class="p">=</span> <span class="s2">&#34;weekly&#34;</span>
  <span class="nx">filename</span> <span class="p">=</span> <span class="s2">&#34;sitemap.xml&#34;</span>
  <span class="nx">priority</span> <span class="p">=</span> <span class="mf">0.5</span>

<span class="c"># <a href="https://gohugo.io/content-management/urls#permalinks" target="_blank" rel="noopener noreffer">Permalinks config</a></span>
<span class="p">[</span><span class="nx">Permalinks</span><span class="p">]</span>
  <span class="c"># posts = &#34;:year/:month/:filename&#34;</span>
  <span class="nx">posts</span> <span class="p">=</span> <span class="s2">&#34;:filename&#34;</span>

<span class="c"># <a href="https://gohugo.io/about/hugo-and-gdpr/" target="_blank" rel="noopener noreffer">Privacy config</a></span>
<span class="p">[</span><span class="nx">privacy</span><span class="p">]</span>
  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-deleted.en.min.svg"
        data-srcset="/svg/version/0.2.0-deleted.en.min.svg, /svg/version/0.2.0-deleted.en.min.svg 1.5x, /svg/version/0.2.0-deleted.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt DELETED | 0.2.0"
        title="LoveIt DELETED | 0.2.0" /></a> privacy of the Google Analytics (replaced by params.analytics.google)</span>
  <span class="p">[</span><span class="nx">privacy</span><span class="p">.</span><span class="nx">googleAnalytics</span><span class="p">]</span>
    <span class="c"># ...</span>
  <span class="p">[</span><span class="nx">privacy</span><span class="p">.</span><span class="nx">twitter</span><span class="p">]</span>
    <span class="nx">enableDNT</span> <span class="p">=</span> <span class="kc">true</span>
  <span class="p">[</span><span class="nx">privacy</span><span class="p">.</span><span class="nx">youtube</span><span class="p">]</span>
    <span class="nx">privacyEnhanced</span> <span class="p">=</span> <span class="kc">true</span>

<span class="c"># Options to make output .md files</span>
<span class="p">[</span><span class="nx">mediaTypes</span><span class="p">]</span>
  <span class="p">[</span><span class="nx">mediaTypes</span><span class="p">.</span><span class="s2">&#34;text/plain&#34;</span><span class="p">]</span>
    <span class="nx">suffixes</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;md&#34;</span><span class="p">]</span>

<span class="c"># Options to make output .md files</span>
<span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">MarkDown</span><span class="p">]</span>
  <span class="nx">mediaType</span> <span class="p">=</span> <span class="s2">&#34;text/plain&#34;</span>
  <span class="nx">isPlainText</span> <span class="p">=</span> <span class="kc">true</span>
  <span class="nx">isHTML</span> <span class="p">=</span> <span class="kc">false</span>

<span class="c"># Options to make hugo output files</span>
<span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-changed.en.min.svg"
        data-srcset="/svg/version/0.2.0-changed.en.min.svg, /svg/version/0.2.0-changed.en.min.svg 1.5x, /svg/version/0.2.0-changed.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt CHANGED | 0.2.0"
        title="LoveIt CHANGED | 0.2.0" /></a></span>
  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;JSON&#34;</span><span class="p">]</span>
  <span class="nx">page</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;MarkDown&#34;</span><span class="p">]</span>
  <span class="nx">section</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">]</span>
  <span class="nx">taxonomy</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">]</span>
  <span class="nx">taxonomyTerm</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">]</span>
</code></pre></td></tr></table>
</div>
</div><div class="details admonition note open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-pencil-alt fa-fw"></i>Note<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content">Note that some of these parameters are explained in details in other sections of this documentation.</div>
        </div>
    </div>
<div class="details admonition note open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-pencil-alt fa-fw"></i>Hugo environments<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content"><p>Default environments are <code>development</code> with <code>hugo serve</code> and <code>production</code> with <code>hugo</code>.</p>
<p>Due to limitations in the local <code>development</code> environment,
the <strong>comment system</strong>, <strong>CDN</strong> and <strong>fingerprint</strong> will not be enabled in the <code>development</code> environment.</p>
<p>You could enable these features with <code>hugo serve -e production</code>.</p>
</div>
        </div>
    </div>
<div class="details admonition tip open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-lightbulb fa-fw"></i>Tips about CDN Configuration<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content"><p><a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.7" rel="noopener noreffer" target="_blank"><img
class="lazyload version"
src="/svg/loading.min.svg"
data-src="/svg/version/0.2.7-changed.en.min.svg"
data-srcset="/svg/version/0.2.7-changed.en.min.svg, /svg/version/0.2.7-changed.en.min.svg 1.5x, /svg/version/0.2.7-changed.en.min.svg 2x"
data-sizes="auto"
alt="LoveIt CHANGED | 0.2.7"
title="LoveIt CHANGED | 0.2.7" /></a></p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span><span class="lnt">3
</span><span class="lnt">4
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">cdn</span><span class="p">]</span>
  <span class="c"># CDN data file name, disabled by default</span>
  <span class="c"># (&#34;jsdelivr.yml&#34;)</span>
  <span class="nx">data</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
</code></pre></td></tr></table>
</div>
</div><p>The default CDN data file is located in <code>themes/LoveIt/assets/data/cdn/</code> directory.
You can store your own data file in the same path under your project: <code>assets/data/cdn/</code>.</p>
</div>
        </div>
    </div>
<div class="details admonition tip open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-lightbulb fa-fw"></i>Tips about social Configuration<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content"><p><a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
class="lazyload version"
src="/svg/loading.min.svg"
data-src="/svg/version/0.2.0-new.en.min.svg"
data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
data-sizes="auto"
alt="LoveIt NEW | 0.2.0"
title="LoveIt NEW | 0.2.0" /></a></p>
<p>You can directly set your ID to get a default social link and its icon:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">social</span><span class="p">]</span>
  <span class="nx">Mastodon</span> <span class="p">=</span> <span class="s2">&#34;@xxxx&#34;</span>
</code></pre></td></tr></table>
</div>
</div><p>The social link generated is <code>https://mastodon.technology/@xxxx</code>.</p>
<p>Or You can set more options through a dict:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
</span><span class="lnt"> 2
</span><span class="lnt"> 3
</span><span class="lnt"> 4
</span><span class="lnt"> 5
</span><span class="lnt"> 6
</span><span class="lnt"> 7
</span><span class="lnt"> 8
</span><span class="lnt"> 9
</span><span class="lnt">10
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">social</span><span class="p">]</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">social</span><span class="p">.</span><span class="nx">Mastodon</span><span class="p">]</span>
    <span class="c"># weight when arranging icons (the greater the weight, the later the icon is positioned)</span>
    <span class="nx">weight</span> <span class="p">=</span> <span class="mi">0</span>
    <span class="c"># your social ID</span>
    <span class="nx">id</span> <span class="p">=</span> <span class="s2">&#34;@xxxx&#34;</span>
    <span class="c"># prefix of your social link</span>
    <span class="nx">prefix</span> <span class="p">=</span> <span class="s2">&#34;https://mastodon.social/&#34;</span>
    <span class="c"># content hovering on the icon</span>
    <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;Mastodon&#34;</span>
</code></pre></td></tr></table>
</div>
</div><p>The default data of all supported social links is located in <code>themes/LoveIt/assets/data/social.yaml</code>,
which is you can refer to.</p>
</div>
        </div>
    </div>
<p><figure><a class="lightgallery" href="/en/theme-documentation-basics/complete-configuration-preview.png" title="Complete configuration preview" data-thumbnail="/en/theme-documentation-basics/complete-configuration-preview.png" data-sub-html="<h2>Complete configuration preview</h2><p>Complete configuration preview</p>">
        <img
            class="lazyload"
            src="/svg/loading.min.svg"
            data-src="complete-configuration-preview.png"
            data-srcset="/en/theme-documentation-basics/complete-configuration-preview.png, complete-configuration-preview.png 1.5x, /en/theme-documentation-basics/complete-configuration-preview.png 2x"
            data-sizes="auto"
            alt="/en/theme-documentation-basics/complete-configuration-preview.png" />
    </a><figcaption class="image-caption">Complete configuration preview</figcaption>
    </figure></p>
<h3 id="32-favicons-browserconfig-manifest">3.2 Favicons, Browserconfig, Manifest</h3>
<p>It is recommended to put your own favicons:</p>
<ul>
<li>apple-touch-icon.png (180x180)</li>
<li>favicon-32x32.png (32x32)</li>
<li>favicon-16x16.png (16x16)</li>
<li>mstile-150x150.png (150x150)</li>
<li>android-chrome-192x192.png (192x192)</li>
<li>android-chrome-512x512.png (512x512)</li>
</ul>
<p>into <code>/static</code>. They’re easily created via <a href="https://realfavicongenerator.net/" target="_blank" rel="noopener noreffer">https://realfavicongenerator.net/</a>.</p>
<p>Customize <code>browserconfig.xml</code> and <code>site.webmanifest</code> to set theme-color and background-color.</p>
<h3 id="33-style-customization">3.3 Style Customization</h3>
<a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.8" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.8-changed.en.min.svg"
        data-srcset="/svg/version/0.2.8-changed.en.min.svg, /svg/version/0.2.8-changed.en.min.svg 1.5x, /svg/version/0.2.8-changed.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt CHANGED | 0.2.8"
        title="LoveIt CHANGED | 0.2.8" /></a>
<div class="details admonition note open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-pencil-alt fa-fw"></i>Note<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content">Hugo <strong>extended</strong> version is necessary for the style customization.</div>
        </div>
    </div>
<p><strong>LoveIt</strong> theme has been built to be as configurable as possible by defining custom <code>.scss</code> style files.</p>
<p>The directory including the custom <code>.scss</code> style files is <code>assets/css</code> relative to <strong>your project root directory</strong>.</p>
<p>In <code>assets/css/_override.scss</code>, you can override the variables in <code>themes/LoveIt/assets/css/_variables.scss</code> to customize the style.</p>
<p>Here is a example:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-scss" data-lang="scss"><span class="k">@import</span> <span class="sx">url(&#39;https://fonts.googleapis.com/css?family=Fira+Mono:400,700&amp;display=swap&amp;subset=latin-ext&#39;)</span><span class="p">;</span>
<span class="nv">$code-font-family</span><span class="o">:</span> <span class="n">Fira</span> <span class="n">Mono</span><span class="o">,</span> <span class="n">Source</span> <span class="n">Code</span> <span class="n">Pro</span><span class="o">,</span> <span class="n">Menlo</span><span class="o">,</span> <span class="n">Consolas</span><span class="o">,</span> <span class="n">Monaco</span><span class="o">,</span> <span class="ni">monospace</span><span class="p">;</span>
</code></pre></td></tr></table>
</div>
</div><p>In <code>assets/css/_custom.scss</code>, you can add some css style code to customize the style.</p>
<h2 id="4-multilingual-and-i18n">4 Multilingual and i18n</h2>
<p><strong>LoveIt</strong> theme is fully compatible with Hugo multilingual mode, which provides in-browser language switching.</p>
<p><figure><a class="lightgallery" href="/en/theme-documentation-basics/language-switch.gif" title="Language Switch" data-thumbnail="/en/theme-documentation-basics/language-switch.gif" data-sub-html="<h2>Language Switch</h2><p>Language Switch</p>">
        <img
            class="lazyload"
            src="/svg/loading.min.svg"
            data-src="language-switch.gif"
            data-srcset="/en/theme-documentation-basics/language-switch.gif, language-switch.gif 1.5x, /en/theme-documentation-basics/language-switch.gif 2x"
            data-sizes="auto"
            alt="/en/theme-documentation-basics/language-switch.gif" />
    </a><figcaption class="image-caption">Language Switch</figcaption>
    </figure></p>
<h3 id="language-compatibility">4.1 Compatibility</h3>
<a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.10" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.10-changed.en.min.svg"
        data-srcset="/svg/version/0.2.10-changed.en.min.svg, /svg/version/0.2.10-changed.en.min.svg 1.5x, /svg/version/0.2.10-changed.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt CHANGED | 0.2.10"
        title="LoveIt CHANGED | 0.2.10" /></a>
<table>
<thead>
<tr>
<th style="text-align:left">Language</th>
<th style="text-align:center">Hugo Code</th>
<th style="text-align:center">HTML <code>lang</code> Attribute</th>
<th style="text-align:center">Theme Docs</th>
<th style="text-align:center">Lunr.js Support</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">English</td>
<td style="text-align:center"><code>en</code></td>
<td style="text-align:center"><code>en</code></td>
<td style="text-align:center"><i class="far fa-check-square fa-fw"></i></td>
<td style="text-align:center"><i class="far fa-check-square fa-fw"></i></td>
</tr>
<tr>
<td style="text-align:left">Simplified Chinese</td>
<td style="text-align:center"><code>zh-cn</code></td>
<td style="text-align:center"><code>zh-CN</code></td>
<td style="text-align:center"><i class="far fa-check-square fa-fw"></i></td>
<td style="text-align:center"><i class="far fa-check-square fa-fw"></i></td>
</tr>
<tr>
<td style="text-align:left">French</td>
<td style="text-align:center"><code>fr</code></td>
<td style="text-align:center"><code>fr</code></td>
<td style="text-align:center"><i class="far fa-square fa-fw"></i></td>
<td style="text-align:center"><i class="far fa-check-square fa-fw"></i></td>
</tr>
<tr>
<td style="text-align:left">Polish</td>
<td style="text-align:center"><code>pl</code></td>
<td style="text-align:center"><code>pl</code></td>
<td style="text-align:center"><i class="far fa-square fa-fw"></i></td>
<td style="text-align:center"><i class="far fa-square fa-fw"></i></td>
</tr>
<tr>
<td style="text-align:left">Brazilian Portuguese</td>
<td style="text-align:center"><code>pt-br</code></td>
<td style="text-align:center"><code>pt-BR</code></td>
<td style="text-align:center"><i class="far fa-square fa-fw"></i></td>
<td style="text-align:center"><i class="far fa-check-square fa-fw"></i></td>
</tr>
<tr>
<td style="text-align:left">Italian</td>
<td style="text-align:center"><code>it</code></td>
<td style="text-align:center"><code>it</code></td>
<td style="text-align:center"><i class="far fa-square fa-fw"></i></td>
<td style="text-align:center"><i class="far fa-check-square fa-fw"></i></td>
</tr>
<tr>
<td style="text-align:left">Spanish</td>
<td style="text-align:center"><code>es</code></td>
<td style="text-align:center"><code>es</code></td>
<td style="text-align:center"><i class="far fa-square fa-fw"></i></td>
<td style="text-align:center"><i class="far fa-check-square fa-fw"></i></td>
</tr>
<tr>
<td style="text-align:left">German</td>
<td style="text-align:center"><code>de</code></td>
<td style="text-align:center"><code>de</code></td>
<td style="text-align:center"><i class="far fa-square fa-fw"></i></td>
<td style="text-align:center"><i class="far fa-check-square fa-fw"></i></td>
</tr>
<tr>
<td style="text-align:left">German</td>
<td style="text-align:center"><code>de</code></td>
<td style="text-align:center"><code>de</code></td>
<td style="text-align:center"><i class="far fa-square fa-fw"></i></td>
<td style="text-align:center"><i class="far fa-check-square fa-fw"></i></td>
</tr>
<tr>
<td style="text-align:left">Serbian</td>
<td style="text-align:center"><code>sr</code></td>
<td style="text-align:center"><code>sr</code></td>
<td style="text-align:center"><i class="far fa-square fa-fw"></i></td>
<td style="text-align:center"><i class="far fa-square fa-fw"></i></td>
</tr>
<tr>
<td style="text-align:left">Russian</td>
<td style="text-align:center"><code>ru</code></td>
<td style="text-align:center"><code>ru</code></td>
<td style="text-align:center"><i class="far fa-square fa-fw"></i></td>
<td style="text-align:center"><i class="far fa-check-square fa-fw"></i></td>
</tr>
<tr>
<td style="text-align:left">Romanian</td>
<td style="text-align:center"><code>ro</code></td>
<td style="text-align:center"><code>ro</code></td>
<td style="text-align:center"><i class="far fa-square fa-fw"></i></td>
<td style="text-align:center"><i class="far fa-check-square fa-fw"></i></td>
</tr>
<tr>
<td style="text-align:left">Vietnamese</td>
<td style="text-align:center"><code>vi</code></td>
<td style="text-align:center"><code>vi</code></td>
<td style="text-align:center"><i class="far fa-square fa-fw"></i></td>
<td style="text-align:center"><i class="far fa-check-square fa-fw"></i></td>
</tr>
</tbody>
</table>
<h3 id="42-basic-configuration">4.2 Basic Configuration</h3>
<p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank" rel="noopener noreffer">how Hugo handle multilingual websites</a>, define your languages in your <a href="#site-configuration" rel="">site configuration</a>.</p>
<p>For example with English, Chinese and French website:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
</span><span class="lnt"> 2
</span><span class="lnt"> 3
</span><span class="lnt"> 4
</span><span class="lnt"> 5
</span><span class="lnt"> 6
</span><span class="lnt"> 7
</span><span class="lnt"> 8
</span><span class="lnt"> 9
</span><span class="lnt">10
</span><span class="lnt">11
</span><span class="lnt">12
</span><span class="lnt">13
</span><span class="lnt">14
</span><span class="lnt">15
</span><span class="lnt">16
</span><span class="lnt">17
</span><span class="lnt">18
</span><span class="lnt">19
</span><span class="lnt">20
</span><span class="lnt">21
</span><span class="lnt">22
</span><span class="lnt">23
</span><span class="lnt">24
</span><span class="lnt">25
</span><span class="lnt">26
</span><span class="lnt">27
</span><span class="lnt">28
</span><span class="lnt">29
</span><span class="lnt">30
</span><span class="lnt">31
</span><span class="lnt">32
</span><span class="lnt">33
</span><span class="lnt">34
</span><span class="lnt">35
</span><span class="lnt">36
</span><span class="lnt">37
</span><span class="lnt">38
</span><span class="lnt">39
</span><span class="lnt">40
</span><span class="lnt">41
</span><span class="lnt">42
</span><span class="lnt">43
</span><span class="lnt">44
</span><span class="lnt">45
</span><span class="lnt">46
</span><span class="lnt">47
</span><span class="lnt">48
</span><span class="lnt">49
</span><span class="lnt">50
</span><span class="lnt">51
</span><span class="lnt">52
</span><span class="lnt">53
</span><span class="lnt">54
</span><span class="lnt">55
</span><span class="lnt">56
</span><span class="lnt">57
</span><span class="lnt">58
</span><span class="lnt">59
</span><span class="lnt">60
</span><span class="lnt">61
</span><span class="lnt">62
</span><span class="lnt">63
</span><span class="lnt">64
</span><span class="lnt">65
</span><span class="lnt">66
</span><span class="lnt">67
</span><span class="lnt">68
</span><span class="lnt">69
</span><span class="lnt">70
</span><span class="lnt">71
</span><span class="lnt">72
</span><span class="lnt">73
</span><span class="lnt">74
</span><span class="lnt">75
</span><span class="lnt">76
</span><span class="lnt">77
</span><span class="lnt">78
</span><span class="lnt">79
</span><span class="lnt">80
</span><span class="lnt">81
</span><span class="lnt">82
</span><span class="lnt">83
</span><span class="lnt">84
</span><span class="lnt">85
</span><span class="lnt">86
</span><span class="lnt">87
</span><span class="lnt">88
</span><span class="lnt">89
</span><span class="lnt">90
</span><span class="lnt">91
</span><span class="lnt">92
</span><span class="lnt">93
</span><span class="lnt">94
</span><span class="lnt">95
</span><span class="lnt">96
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="c"># [en, zh-cn, fr, pl, ...] determines default content language</span>
<span class="nx">defaultContentLanguage</span> <span class="p">=</span> <span class="s2">&#34;en&#34;</span>

<span class="p">[</span><span class="nx">languages</span><span class="p">]</span>
  <span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
    <span class="nx">weight</span> <span class="p">=</span> <span class="mi">1</span>
    <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;My New Hugo Site&#34;</span>
    <span class="nx">languageCode</span> <span class="p">=</span> <span class="s2">&#34;en&#34;</span>
    <span class="nx">languageName</span> <span class="p">=</span> <span class="s2">&#34;English&#34;</span>
    <span class="p">[[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
      <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;posts&#34;</span>
      <span class="nx">pre</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Posts&#34;</span>
      <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/posts/&#34;</span>
      <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">weight</span> <span class="p">=</span> <span class="mi">1</span>
    <span class="p">[[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
      <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;tags&#34;</span>
      <span class="nx">pre</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Tags&#34;</span>
      <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/tags/&#34;</span>
      <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">weight</span> <span class="p">=</span> <span class="mi">2</span>
    <span class="p">[[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
      <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;categories&#34;</span>
      <span class="nx">pre</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Categories&#34;</span>
      <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/categories/&#34;</span>
      <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">weight</span> <span class="p">=</span> <span class="mi">3</span>

  <span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">zh-cn</span><span class="p">]</span>
    <span class="nx">weight</span> <span class="p">=</span> <span class="mi">2</span>
    <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;我的全新 Hugo 网站&#34;</span>
    <span class="c"># language code, CN only here</span>
    <span class="nx">languageCode</span> <span class="p">=</span> <span class="s2">&#34;zh-CN&#34;</span>
    <span class="nx">languageName</span> <span class="p">=</span> <span class="s2">&#34;简体中文&#34;</span>
    <span class="c"># whether to include Chinese/Japanese/Korean</span>
    <span class="nx">hasCJKLanguage</span> <span class="p">=</span> <span class="kc">true</span>
    <span class="p">[[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">zh-cn</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
      <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;posts&#34;</span>
      <span class="nx">pre</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;文章&#34;</span>
      <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/posts/&#34;</span>
      <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">weight</span> <span class="p">=</span> <span class="mi">1</span>
    <span class="p">[[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">zh-cn</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
      <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;tags&#34;</span>
      <span class="nx">pre</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;标签&#34;</span>
      <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/tags/&#34;</span>
      <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">weight</span> <span class="p">=</span> <span class="mi">2</span>
    <span class="p">[[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">zh-cn</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
      <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;categories&#34;</span>
      <span class="nx">pre</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;分类&#34;</span>
      <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/categories/&#34;</span>
      <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">weight</span> <span class="p">=</span> <span class="mi">3</span>

  <span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">fr</span><span class="p">]</span>
    <span class="nx">weight</span> <span class="p">=</span> <span class="mi">3</span>
    <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;Mon nouveau site Hugo&#34;</span>
    <span class="nx">languageCode</span> <span class="p">=</span> <span class="s2">&#34;fr&#34;</span>
    <span class="nx">languageName</span> <span class="p">=</span> <span class="s2">&#34;Français&#34;</span>
    <span class="p">[[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">fr</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
      <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;posts&#34;</span>
      <span class="nx">pre</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Postes&#34;</span>
      <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/posts/&#34;</span>
      <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">weight</span> <span class="p">=</span> <span class="mi">1</span>
    <span class="p">[[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">fr</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
      <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;tags&#34;</span>
      <span class="nx">pre</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Balises&#34;</span>
      <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/tags/&#34;</span>
      <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">weight</span> <span class="p">=</span> <span class="mi">2</span>
    <span class="p">[[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">fr</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
      <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;categories&#34;</span>
      <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Catégories&#34;</span>
      <span class="nx">pre</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/categories/&#34;</span>
      <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
      <span class="nx">weight</span> <span class="p">=</span> <span class="mi">3</span>
</code></pre></td></tr></table>
</div>
</div><p>Then, for each new page, append the language code to the file name.</p>
<p>Single file <code>my-page.md</code> is split in three files:</p>
<ul>
<li>in English: <code>my-page.en.md</code></li>
<li>in Chinese: <code>my-page.zh-cn.md</code></li>
<li>in French: <code>my-page.fr.md</code></li>
</ul>
<div class="details admonition note open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-pencil-alt fa-fw"></i>Note<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content">Be aware that only translated pages are displayed in menu. It’s not replaced with default language content.</div>
        </div>
    </div>
<div class="details admonition tip open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-lightbulb fa-fw"></i>Tip<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content">Use <a href="https://gohugo.io/content-management/multilingual#translate-your-content" target="_blank" rel="noopener noreffer">Front Matter parameter</a> to translate urls too.</div>
        </div>
    </div>
<h3 id="43-overwrite-translation-strings">4.3 Overwrite Translation Strings</h3>
<p>Translations strings are used for common default values used in the theme. Translations are available in <a href="#language-compatibility" rel="">some languages</a>, but you may use another language or want to override default values.</p>
<p>To override these values, create a new file in your local i18n folder <code>i18n/&lt;languageCode&gt;.toml</code> and inspire yourself from <code>themes/LoveIt/i18n/en.toml</code>.</p>
<p>By the way, as these translations could be used by other people, please take the time to propose a translation by <a href="https://github.com/dillonzq/LoveIt/pulls" target="_blank" rel="noopener noreffer"><i class="fas fa-code-branch fa-fw"></i>&nbsp;making a PR</a> to the theme!</p>
<h2 id="5-search">5 Search</h2>
<a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.0" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.0-new.en.min.svg"
        data-srcset="/svg/version/0.2.0-new.en.min.svg, /svg/version/0.2.0-new.en.min.svg 1.5x, /svg/version/0.2.0-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.0"
        title="LoveIt NEW | 0.2.0" /></a>
<p>Based on <a href="https://lunrjs.com/" target="_blank" rel="noopener noreffer">Lunr.js</a> or <a href="https://www.algolia.com/" target="_blank" rel="noopener noreffer">algolia</a>, searching is supported in <strong>LoveIt</strong> theme.</p>
<h3 id="51-output-configuration">5.1 Output Configuration</h3>
<p>In order to generate <code>index.json</code> for searching, add <code>JSON</code> output file type to the <code>home</code> of the <code>outputs</code> part in your <a href="#site-configuration" rel="">site configuration</a>.</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;JSON&#34;</span><span class="p">]</span>
</code></pre></td></tr></table>
</div>
</div><h3 id="52-search-configuration">5.2 Search Configuration</h3>
<p>Based on <code>index.json</code> generated by Hugo, you could activate searching.</p>
<p>Here is the search configuration in your <a href="#site-configuration" rel="">site configuration</a>:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
</span><span class="lnt"> 2
</span><span class="lnt"> 3
</span><span class="lnt"> 4
</span><span class="lnt"> 5
</span><span class="lnt"> 6
</span><span class="lnt"> 7
</span><span class="lnt"> 8
</span><span class="lnt"> 9
</span><span class="lnt">10
</span><span class="lnt">11
</span><span class="lnt">12
</span><span class="lnt">13
</span><span class="lnt">14
</span><span class="lnt">15
</span><span class="lnt">16
</span><span class="lnt">17
</span><span class="lnt">18
</span><span class="lnt">19
</span><span class="lnt">20
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">search</span><span class="p">]</span>
  <span class="nx">enable</span> <span class="p">=</span> <span class="kc">true</span>
  <span class="c"># type of search engine (&#34;lunr&#34;, &#34;algolia&#34;)</span>
  <span class="nx">type</span> <span class="p">=</span> <span class="s2">&#34;lunr&#34;</span>
  <span class="c"># max index length of the chunked content</span>
  <span class="nx">contentLength</span> <span class="p">=</span> <span class="mi">4000</span>
  <span class="c"># placeholder of the search bar</span>
  <span class="nx">placeholder</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.1" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.1-new.en.min.svg"
        data-srcset="/svg/version/0.2.1-new.en.min.svg, /svg/version/0.2.1-new.en.min.svg 1.5x, /svg/version/0.2.1-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.1"
        title="LoveIt NEW | 0.2.1" /></a> max number of results length</span>
  <span class="nx">maxResultLength</span> <span class="p">=</span> <span class="mi">10</span>
  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.3" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.3-new.en.min.svg"
        data-srcset="/svg/version/0.2.3-new.en.min.svg, /svg/version/0.2.3-new.en.min.svg 1.5x, /svg/version/0.2.3-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.3"
        title="LoveIt NEW | 0.2.3" /></a> snippet length of the result</span>
  <span class="nx">snippetLength</span> <span class="p">=</span> <span class="mi">30</span>
  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.1" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.1-new.en.min.svg"
        data-srcset="/svg/version/0.2.1-new.en.min.svg, /svg/version/0.2.1-new.en.min.svg 1.5x, /svg/version/0.2.1-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.1"
        title="LoveIt NEW | 0.2.1" /></a> HTML tag name of the highlight part in results</span>
  <span class="nx">highlightTag</span> <span class="p">=</span> <span class="s2">&#34;em&#34;</span>
  <span class="c"># <a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.4" rel="noopener noreffer" target="_blank"><img
        class="lazyload version"
        src="/svg/loading.min.svg"
        data-src="/svg/version/0.2.4-new.en.min.svg"
        data-srcset="/svg/version/0.2.4-new.en.min.svg, /svg/version/0.2.4-new.en.min.svg 1.5x, /svg/version/0.2.4-new.en.min.svg 2x"
        data-sizes="auto"
        alt="LoveIt NEW | 0.2.4"
        title="LoveIt NEW | 0.2.4" /></a> whether to use the absolute URL based on the baseURL in search index</span>
  <span class="nx">absoluteURL</span> <span class="p">=</span> <span class="kc">false</span>
  <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">search</span><span class="p">.</span><span class="nx">algolia</span><span class="p">]</span>
    <span class="nx">index</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">appID</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
    <span class="nx">searchKey</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
</code></pre></td></tr></table>
</div>
</div><div class="details admonition note open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-pencil-alt fa-fw"></i>How to choose search engine?<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content"><p>The following is a comparison of two search engines:</p>
<ul>
<li><code>lunr</code>: simple, no need to synchronize <code>index.json</code>, no limit for <code>contentLength</code>,
but high bandwidth and low performance (Especially for Chinese which needs a large segmentit library)</li>
<li><code>algolia</code>: high performance and low bandwidth, but need to synchronize <code>index.json</code> and limit for <code>contentLength</code></li>
</ul>
<p><a href="https://github.com/dillonzq/LoveIt/releases/tag/v0.2.3" rel="noopener noreffer" target="_blank"><img
class="lazyload version"
src="/svg/loading.min.svg"
data-src="/svg/version/0.2.3-new.en.min.svg"
data-srcset="/svg/version/0.2.3-new.en.min.svg, /svg/version/0.2.3-new.en.min.svg 1.5x, /svg/version/0.2.3-new.en.min.svg 2x"
data-sizes="auto"
alt="LoveIt NEW | 0.2.3"
title="LoveIt NEW | 0.2.3" /></a> The content of the post is separated by <code>h2</code> and <code>h3</code> HTML tag to improve query performance and basically implement full-text search.
<code>contentLength</code> is used to limit the max index length of the part starting with <code>h2</code> and <code>h3</code> HTML tag.</p>
</div>
        </div>
    </div>
<div class="details admonition tip open">
        <div class="details-summary admonition-title">
            <i class="icon fas fa-lightbulb fa-fw"></i>Tips about algolia<i class="details-icon fas fa-angle-right fa-fw"></i>
        </div>
        <div class="details-content">
            <div class="admonition-content">You need to upload <code>index.json</code> files to algolia to activate searching.
You could upload the <code>index.json</code> files by browsers but a CLI tool may be better.
<a href="https://github.com/chrisdmacrae/atomic-algolia" target="_blank" rel="noopener noreffer">Algolia Atomic</a> is a good choice.
To be compatible with Hugo multilingual mode,
you need to upload different <code>index.json</code> for each language to the different index of algolia, such as <code>zh-cn/index.json</code> or <code>fr/index.json</code>&hellip;</div>
        </div>
    </div></div><div class="post-footer" id="post-footer">
    <div class="post-info">
        <div class="post-info-line">
            <div class="post-info-mod">
                <span>Updated on 2020-03-06</span>
            </div>
            <div class="post-info-license"></div>
        </div>
        <div class="post-info-line">
            <div class="post-info-md"><span>
                            <a class="link-to-markdown" href="/en/theme-documentation-basics/index.md" target="_blank">Read Markdown</a>
                        </span></div>
            <div class="post-info-share">
                <span><a href="javascript:void(0);" title="Share on Twitter" data-sharer="twitter" data-url="https://slagga.top/en/theme-documentation-basics/" data-title="Theme Documentation - Basics" data-via="slagga5" data-hashtags="installation,configuration"><i class="fab fa-twitter fa-fw"></i></a><a href="javascript:void(0);" title="Share on Facebook" data-sharer="facebook" data-url="https://slagga.top/en/theme-documentation-basics/" data-hashtag="installation"><i class="fab fa-facebook-square fa-fw"></i></a><a href="javascript:void(0);" title="Share on WhatsApp" data-sharer="whatsapp" data-url="https://slagga.top/en/theme-documentation-basics/" data-title="Theme Documentation - Basics" data-web><i class="fab fa-whatsapp fa-fw"></i></a><a href="javascript:void(0);" title="Share on Line" data-sharer="line" data-url="https://slagga.top/en/theme-documentation-basics/" data-title="Theme Documentation - Basics"><i data-svg-src="/lib/simple-icons/icons/line.min.svg"></i></a><a href="javascript:void(0);" title="Share on 微博" data-sharer="weibo" data-url="https://slagga.top/en/theme-documentation-basics/" data-title="Theme Documentation - Basics"><i class="fab fa-weibo fa-fw"></i></a><a href="javascript:void(0);" title="Share on Myspace" data-sharer="myspace" data-url="https://slagga.top/en/theme-documentation-basics/" data-title="Theme Documentation - Basics" data-description="Discover what the Hugo - LoveIt theme is all about and the core-concepts behind it."><i data-svg-src="/lib/simple-icons/icons/myspace.min.svg"></i></a><a href="javascript:void(0);" title="Share on Blogger" data-sharer="blogger" data-url="https://slagga.top/en/theme-documentation-basics/" data-title="Theme Documentation - Basics" data-description="Discover what the Hugo - LoveIt theme is all about and the core-concepts behind it."><i class="fab fa-blogger fa-fw"></i></a><a href="javascript:void(0);" title="Share on Evernote" data-sharer="evernote" data-url="https://slagga.top/en/theme-documentation-basics/" data-title="Theme Documentation - Basics"><i class="fab fa-evernote fa-fw"></i></a></span>
            </div>
        </div>
    </div>

    <div class="post-info-more">
        <section class="post-tags"><i class="fas fa-tags fa-fw"></i>&nbsp;<a href="/en/tags/installation/">installation</a>,&nbsp;<a href="/en/tags/configuration/">configuration</a></section>
        <section>
            <span><a href="javascript:void(0);" onclick="window.history.back();">Back</a></span>&nbsp;|&nbsp;<span><a href="/en/">Home</a></span>
        </section>
    </div>

    <div class="post-nav"><a href="/en/theme-documentation-content/" class="prev" rel="prev" title="Theme Documentation - Content"><i class="fas fa-angle-left fa-fw"></i>Theme Documentation - Content</a></div>
</div>
</article></div>
            </main><footer class="footer">
        <div class="footer-container"><div class="footer-line">Powered by <a href="https://gohugo.io/" target="_blank" rel="noopener noreffer" title="Hugo 0.91.2">Hugo</a> | Theme - <a href="https://github.com/dillonzq/LoveIt" target="_blank" rel="noopener noreffer" title="LoveIt 0.2.10"><i class="far fa-kiss-wink-heart fa-fw"></i> LoveIt</a>
                </div><div class="footer-line"><i class="far fa-copyright fa-fw"></i><span itemprop="copyrightYear">2019 - 2022</span><span class="author" itemprop="copyrightHolder">&nbsp;<a href="https://slagga.top" target="_blank">slagga</a></span>&nbsp;|&nbsp;<span class="license"><a rel="license external nofollow noopener noreffer" href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">CC BY-NC 4.0</a></span></div>
        </div>
    </footer></div>

        <div id="fixed-buttons"><a href="#" id="back-to-top" class="fixed-button" title="Back to Top">
                <i class="fas fa-arrow-up fa-fw"></i>
            </a><a href="#" id="view-comments" class="fixed-button" title="View Comments">
                <i class="fas fa-comment fa-fw"></i>
            </a>
        </div><link rel="stylesheet" href="/lib/lightgallery/lightgallery.min.css"><link rel="stylesheet" href="/lib/katex/katex.min.css"><link rel="stylesheet" href="/lib/katex/copy-tex.min.css"><link rel="stylesheet" href="/lib/cookieconsent/cookieconsent.min.css"><script type="text/javascript" src="/lib/smooth-scroll/smooth-scroll.min.js"></script><script type="text/javascript" src="/lib/autocomplete/autocomplete.min.js"></script><script type="text/javascript" src="/lib/lunr/lunr.min.js"></script><script type="text/javascript" src="/lib/lazysizes/lazysizes.min.js"></script><script type="text/javascript" src="/lib/lightgallery/lightgallery.min.js"></script><script type="text/javascript" src="/lib/lightgallery/lg-thumbnail.min.js"></script><script type="text/javascript" src="/lib/lightgallery/lg-zoom.min.js"></script><script type="text/javascript" src="/lib/clipboard/clipboard.min.js"></script><script type="text/javascript" src="/lib/sharer/sharer.min.js"></script><script type="text/javascript" src="/lib/katex/katex.min.js"></script><script type="text/javascript" src="/lib/katex/auto-render.min.js"></script><script type="text/javascript" src="/lib/katex/copy-tex.min.js"></script><script type="text/javascript" src="/lib/katex/mhchem.min.js"></script><script type="text/javascript" src="/lib/cookieconsent/cookieconsent.min.js"></script><script type="text/javascript">window.config={"code":{"copyTitle":"Copy to clipboard","maxShownLines":10},"comment":{},"cookieconsent":{"content":{"dismiss":"Got it!","link":"Learn more","message":"This website uses Cookies to improve your experience."},"enable":true,"palette":{"button":{"background":"#f0f0f0"},"popup":{"background":"#1aa3ff"}},"theme":"edgeless"},"lightGallery":{"actualSize":false,"exThumbImage":"data-thumbnail","hideBarsDelay":2000,"selector":".lightgallery","speed":400,"thumbContHeight":80,"thumbWidth":80,"thumbnail":true},"math":{"delimiters":[{"display":true,"left":"$$","right":"$$"},{"display":true,"left":"\\[","right":"\\]"},{"display":false,"left":"$","right":"$"},{"display":false,"left":"\\(","right":"\\)"}],"strict":false},"search":{"highlightTag":"em","lunrIndexURL":"/en/index.json","maxResultLength":10,"noResultsFound":"No results found","snippetLength":50,"type":"lunr"}};</script><script type="text/javascript" src="/js/theme.min.js"></script></body>
</html>
